使用语义UI React,如何构建类似于Stack Overflow的标签输入?

AnA*_*ice 2 reactjs semantic-ui semantic-ui-react

我对构建类似Stack Overflow的标签输入功能感兴趣,该功能集包括:

  1. 具有自动完成功能的输入字段(接受用户输入,从服务器获取结果并将这些结果显示给用户以便于选择。
  2. 输入字段包含1个或多个选定项目作为标签。
  3. 输入之外的建议,单击这些建议会将结果添加到输入字段中。

堆栈溢出的屏幕截图:

在此处输入图片说明 在此处输入图片说明

我正在使用Semantic-UI-React,并注意到有一个可以工作的搜索组件:https : //react.semantic-ui.com/modules/search

似乎该语义UI反应搜索组件不允许添加多个结果或通过输入之外的方法添加结果。我想念什么吗?

我应该为这个功能使用语义UI还是我需要在我的React应用程序中完全从头开始构建它?

Dan*_*ana 5

在react语义UI下拉文档中没有正确突出显示,但是allowAdditions字段将启用标记功能:

<Dropdown search selection multiple allowAdditions />
Run Code Online (Sandbox Code Playgroud)