【问题标题】:Semantic UI react dropdown search allowAddition, how to distinguish the addition in onchange event?语义UI反应下拉搜索allowAddition,如何区分onchange事件中的添加?
【发布时间】:2018-10-12 15:56:47
【问题描述】:

在我的程序中,如果用户在下拉列表中选择项目,onchange 事件将触发 api 调用以自动填充其余字段。但是如果用户在下拉列表中添加自己的项目,我需要区分它并稍微不同地执行我的 onchange 事件。

但似乎 onchange 事件道具没有提供任何关于此选择(值字段)是否是添加的信息。 onAddItem 函数发生在 onchange 之后,因此它也无济于事。我该怎么办?

【问题讨论】:

    标签: javascript reactjs semantic-ui semantic-ui-react


    【解决方案1】:

    onChange 事件当前不指示值是否为新值,但您可以通过循环选项轻松确定。

    dropwDownChangeHandler(event, data) {
        let optionIsExisting = false;
        data.options.forEach(option => {
          if (option.value === data.value) optionIsExisting = true;
         });
        console.log(optionIsExisting);
    }
    

    【讨论】:

    • 还有一个onAddItem 事件。这个挑战在于它在更改处理程序之后触发,因此它可能不是一个好的选择。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-06-12
    • 1970-01-01
    相关资源
    最近更新 更多