语义UI反应下拉搜索allowAddition,如何区分onchange事件中的添加?

时间:2018-10-12 15:56:48

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

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

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

1 个答案:

答案 0 :(得分:0)

onChange事件当前不指示该值是否为新值,但您可以通过遍历这些选项来轻松确定。

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