Javascript Semantic UI React下拉搜索-在关闭或输入时访问自动完成建议

版本：

• 语义用户界面反应：^0.88.2
• 反应：^16.12.0

我有以下资料：

<Form.Select
    options={form.autocompleteOptions}
    search
    onSearchChange={handleAutocompleteSearch}
    label="CVE Code"
    placeholder="CVE Code"
/>

自动完成建议工作正常，当我按下返回键时，渲染标签将更改为菜单中的当前选项。但是，下拉列表的值没有更新，我找不到访问它的方法。我试图从“onSearchChange”事件处理程序内部访问该值

在下面的所有示例中，我只能获取用户手动输入到搜索框中的任何内容，而不是“自动完成”值，即使renderLabel已更改

我试过：

使用onChange事件处理程序，这不会触发

直接使用下拉组件而不是表单。选择，但我仍然无法访问更新的值

每当用户按下“Enter”键时，使用onKeyDownHandler进行捕获。这个事件似乎也没有给我提供全部的价值

使用ref访问DOM元素。我无法访问ref，可能是我用错了

使用该值创建受控组件，但是我无法将状态更新为自动完成值，因为我无法从任何事件处理程序访问它。下拉列表的图像如下所示：

---

似乎我可能需要使用语义UI搜索组件，因为它有一个onResultSelect事件处理程序，但我觉得还可以使用下拉菜单。

语义UI React将以数据形式发出事件，该数据位于由值组成的对象中 我想说尝试使用onChange事件处理程序作为

const handleChange = (e, data) => {
console.log(data.value);
};

或者，如果搜索查询选项按以下方式使用

const handleSearch = (e, data) => {
console.log(data.searchQuery);
};

---

如果有帮助，请告诉我，参考官方文件

遗憾的是，我已经广泛阅读了官方文件。表单没有可用的onChange处理程序。请选择选项。@MortenHauge:您可以在中查看实时演示，以证明确实存在onChange处理程序，并且它可以按预期工作