使用 Semantic UI React，如何构建类似于 Stack Overflow 的标签输入？
With Semantic UI React, how to build a tag input similar to Stack Overflow's?
我有兴趣构建像 Stack Overflow 这样的标签输入功能，其中的功能集包括：
- 具有自动完成功能的输入字段（接受用户输入，从服务器获取结果并将这些结果显示给用户以便于选择。
- 输入字段包含 1 个或多个选定项目作为标签。
- 输入之外的建议，点击后会将结果添加到输入字段。
来自 Stack Overflow 的屏幕截图：
我正在使用 Semantic-UI-React 并注意到有一个可以工作的搜索组件：https://react.semantic-ui.com/modules/search
这个 Semantic-UI-React 搜索组件似乎不允许添加多个结果或通过输入之外的方法添加结果。我错过了什么吗？
我应该为这个功能使用语义 UI 还是我需要在我的 React 应用程序中完全从头开始构建它？
它在 react semantic-ui 下拉文档中没有正确突出显示，但 allowAdditions 字段将启用标记功能：
<Dropdown search selection multiple allowAdditions />
您需要添加 onAddItem 属性来更新选项列表。在 here 中，我这样做了：
<Dropdown
placeholder='Select Friend'
fluid
search
selection
multiple
allowAdditions
onAddItem={(event, data) => friendOptions.push({key: data.value, text: data.value, value: data.value})}
options={friendOptions}
/>
现在您可以向下拉列表中添加项目。
我有兴趣构建像 Stack Overflow 这样的标签输入功能，其中的功能集包括：
- 具有自动完成功能的输入字段（接受用户输入，从服务器获取结果并将这些结果显示给用户以便于选择。
- 输入字段包含 1 个或多个选定项目作为标签。
- 输入之外的建议，点击后会将结果添加到输入字段。
来自 Stack Overflow 的屏幕截图：
我正在使用 Semantic-UI-React 并注意到有一个可以工作的搜索组件：https://react.semantic-ui.com/modules/search
这个 Semantic-UI-React 搜索组件似乎不允许添加多个结果或通过输入之外的方法添加结果。我错过了什么吗？
我应该为这个功能使用语义 UI 还是我需要在我的 React 应用程序中完全从头开始构建它？
它在 react semantic-ui 下拉文档中没有正确突出显示，但 allowAdditions 字段将启用标记功能：
<Dropdown search selection multiple allowAdditions />
您需要添加 onAddItem 属性来更新选项列表。在 here 中，我这样做了：
<Dropdown
placeholder='Select Friend'
fluid
search
selection
multiple
allowAdditions
onAddItem={(event, data) => friendOptions.push({key: data.value, text: data.value, value: data.value})}
options={friendOptions}
/>
现在您可以向下拉列表中添加项目。