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

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

#1楼 票数：1 已采纳

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

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

  ask by dailun cheng translate from so

未解决问题？本站智能推荐：

2回复

如何在语义UI中循环反应？

我正在学习反应。 对于CSS，我使用的是语义UI反应。 我正在尝试使用以下文档创建标签： https://react.semantic-ui.com/modules/tab : https://react.semantic-ui.com/modules/tab 。 我了解它现在是如何工作的
2回复

React中的语义UI下拉：onChange在用作内容时触发两次

我正在尝试替换 Semantic UI Dropdown 项的内容以包含<a href="" />链接，其中它们的默认行为（重定向到链接）将被禁用。 简单地说， <a href="" />应该出现在 DOM 中，但是应该阻止它的默认行为。 我遇到了一个问题，如果我将<a
1回复

与语义UI反应，动态添加道具

Semantic-UI有这个React组件，我正在使用Segment 。 在我的应用程序中，我使用带有Segment的onMouseOver，如下所示： 我想handleHover（）要做的是动态地将语义UI道具添加到鼠标悬停事件的Segment上。 我尝试使用react clone元
1回复

语义Ui反应标签颜色反转

我尝试在语义UI反应中使用标签。 但是，其颜色会像下面这样反转。 我期望低于一。 我的代码在这里： 我的代码有什么问题？
9回复

带有语义UI反应的表单验证

我正在使用官方Semantic UI React组件来创建 Web 应用程序。 我的注册页面上有一个表单，其中包含一个电子邮件字段、一个密码字段和一个确认密码字段。 现在，我习惯了常规的语义 UI 库，它有一个表单验证插件。 通常，我会在一个单独的 JavaScript 文件中定义这样的规则 是否有
1回复

语义UI在多个div上反应过渡问题

我遇到了语义UI React转换的范围问题。 我的问题是过渡工作正常但是当我点击其中一个div ...所有这些都是动画。 我只希望其中一个动画。 我的代码： Codepen
1回复

.tsx中的语义UI日历反应闪烁

日历闪烁 在 .tsx 文件中使用 DateInput 尝试通过当焦点在输入字段时为什么日期选择器在 React 中闪烁来解决问题？ 应用1.tsx 这会引发错误Type 'false' is not assignable to type 'SemanticTRANSITIONS' 代码沙盒此外，
1回复

语义UI反应语法错误：相邻JSX元素必须包装在一个封闭标签中

我正在使用语义UI反应来为新用户构建表单： 构建时收到此错误： 我已经四处搜寻，据我所知，我将JSX元素包含在div中。 我在应用程序的其他部分中使用了语义UI反应组件，没有出现任何错误，我迷茫了为什么构建会挂在它上面。 任何和所有帮助将不胜感激。 谢谢。