Reactjs 使用语义UI React，如何构建类似于堆栈溢出的标记输入'；s

我感兴趣的是构建一个标记输入功能，如堆栈溢出，其中功能集包括：

具有自动完成功能的输入字段（接受用户输入，从服务器获取结果，并将这些结果显示给用户以便于选择）

输入字段包含1个或多个选定项作为标记

输入之外的建议，单击这些建议会将结果添加到输入字段中

堆栈溢出的屏幕截图：

我正在使用语义UI React，并注意到有一个搜索组件可以工作：

此语义UI React搜索组件似乎不允许添加多个结果，也不允许通过输入之外的方法添加结果。我是否遗漏了什么

---

我应该使用语义UI来实现此功能，还是需要在我的React应用程序中从头开始构建此功能？

React语义UI下拉文档中未正确突出显示此功能，但allowAdditions字段将启用标记功能：

<Dropdown search selection multiple allowAdditions />

---

您需要添加

onAddItem

道具来更新选项列表。在中，我这样做了：

friendOptions.push（{key:data.value，text:data.value，value:data.value}）
选项={friendOptions}
/>

---

现在，您可以将项目添加到下拉列表中。

我正在尝试此操作，但似乎不起作用。@David您能拿把小提琴让我看看吗？