在我的程序中,如果用户在下拉列表中选择项目,则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反应组件,没有出现任何错误,我迷茫了为什么构建会挂在它上面。 任何和所有帮助将不胜感激。 谢谢。