Javascript 语义UI反应-当下拉选项列表仍然打开时，不要触发onChange

我在ReactJS上有一个语义下拉列表，我只想在用户真正选择一个选项时触发

onChange

事件，而不是在仍然显示选项列表时

让我解释一下：

下拉列表的创建方式如下：

<Dropdown
  placeholder='Select language'
  fluid
  search
  selection
  options={options}
  onChange={...}
/>

如下所示：

<Dropdown
  placeholder='Select language'
  fluid
  search
  selection
  options={options}
  onChange={...}
/>

当您单击它时，它会打开（下拉？）选项列表：

问题是，当您使用向下箭头转到所需选项时，每次按下向下箭头时，它都会触发

onChange

。在这种情况下，要到达

Aragones

，它会触发

onChange

4次

我只想在选项列表关闭时触发onChange，而不是之前3次，用户不想选择任何值：

直观地说，对于我来说，用户只想在按下enter键时选择值，或者在选项中单击，或者在选项外单击以关闭选项列表。否则她只是随便看看。但我不想为所有这些情况编写单独的侦听器

在我的例子中，选择一个选项会产生很多后果，因此我想知道用户何时真正想要这样做。我怎样才能做到这一点？

作为替代方案，我可以监听选项列表的显示或隐藏事件吗？或者在

onChange

中询问选项列表是否显示或隐藏

谢谢

来自

选择导航 真{bool}
使用箭头键导航菜单时是否更改值。 设置为false需要输入或左键单击以确认选择

---

谢谢我想知道是谁认为这应该是默认的option@MartinMassera根据“使用箭头键高亮显示选项时，高亮显示的选项将显示在文本框中。”。我从react autosuggest文档中发现了这一点。当用户使用箭头导航时，该组件也会触发

onChange

。如果您似乎知道如何解决此问题，您是否知道如何做到这一点，以便在用户实际上没有选择任何内容时，onChange也不会被触发？如果用户向下导航并点击“esc”，则仍将其计为onChange。当未设置原始值时会发生这种情况。对不起，事实并非如此。如果你按esc，什么也不会发生。但是，如果用户在下拉列表之外单击，它将被视为选中。@MartinMassera“selectiononblur true{bool}定义是否应在blur上选择突出显示的项目。”我想就是这样