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

Question

版本：

• semantic-ui-react：^ 0.88.2
• 反应：^ 16.12.0

我有以下内容：

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

自动完成建议很有效，当我按回车键时，呈现的标签将更改为菜单中的当前选项。但是，Dropdown的值未更新，并且我找不到访问它的方法。我正在尝试从“ onSearchChange”事件处理程序内部访问该值。

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

我尝试过：

1. 使用onChange事件处理程序，它永远不会触发
2. 直接使用Dropdown组件而不是Form.Select，但是我仍然无法访问更新后的值
3. 使用onKeyDownHandler进行捕获，只要用户按下“ Enter”。此事件似乎也无法为我提供全部价值。
4. 使用ref访问DOM元素。我无法访问该引用，也许我使用的是错误的。
5. 使用该值创建受控组件，但是由于无法从任何事件处理程序访问它，因此无法将状态更新为自动完成的值。下面提供了下拉菜单的图像：

似乎我可能需要改用语义UI搜索组件，因为它具有onResultSelect事件处理程序，但我觉得也应该可以使用Dropdown。

版本：语义用户界面反应：^ 0.88.2反应：^ 16.12.0我有以下内容：

Answer 1

Semantic-UI-React将发出事件，因为对象中的数据由值组成我会说尝试使用onChange事件处理程序作为

Answer 2

您可以尝试类似的方法：