文本字段通过react-select自动建议用户名

Question

我想使用react-select创建一个React组件，以在与我现在输入的文本字段类似的文本字段中自动建议用户名。

在单词的开头或单独键入“ @”时，将触发该功能，然后将显示下拉选择选项（类似于为文本字段建议的Facebook和github用户名）。 显示选项后，用户仍然可以输入， 使用箭头键，他们可以选择一个选项。然后，该选项将替换单词的值，该单词的前缀为'@'，后缀空白。

我发现的所有教程都只将react-select与单行输入一起使用，类似于下面的“标签”输入。

desired result

Answer 1

鉴于您提到的示例，我不认为<div class="wrapper"> // Dynamic content </div> 是正确的插件。也许您应该看看像react-textarea-autocomplete这样的库（您可以尝试一个在线示例here）。