Javascript 文本字段使用react select自动建议用户名

Javascript 文本字段使用react select自动建议用户名,javascript,reactjs,autocomplete,react-select,Javascript,Reactjs,Autocomplete,React Select,我想使用React select创建一个React组件,在一个文本字段中自动建议用户名,类似于我现在键入的文本字段 当在单词的开头键入“@”或单独键入“@”时,会触发该功能,然后会显示下拉选择选项(类似于facebook和github用户名建议的文本字段)。 虽然显示了选项,但用户仍可以键入, 使用箭头键,他们可以选择一个选项。该选项将用前缀为“@”的值替换该单词,并用空格进行后缀 我发现的所有教程都只有react select用于单线输入,类似于下面的标记输入 鉴于您提到的示例,我认为reac

我想使用React select创建一个React组件,在一个文本字段中自动建议用户名,类似于我现在键入的文本字段

当在单词的开头键入“@”或单独键入“@”时,会触发该功能,然后会显示下拉选择选项(类似于facebook和github用户名建议的文本字段)。 虽然显示了选项,但用户仍可以键入, 使用箭头键,他们可以选择一个选项。该选项将用前缀为“@”的值替换该单词,并用空格进行后缀

我发现的所有教程都只有react select用于单线输入,类似于下面的标记输入


鉴于您提到的示例,我认为
react select
不是您应该使用的正确插件。也许你应该去看看像这样的图书馆(你可以尝试一个活生生的例子)

你能添加一些你想要确认行为的截图吗?Thanks@Laura我添加了一张理想结果的图片,请看一下,thanks@Laura我想实现一些类似于本教程中所示的内容,但在react中