如何使用react select实现Fuse.js

Question

我已经在react-select中列出了，我想用react-select实现Fusejs。我真的在网上搜索，但没有找到一个合适的解决方案来实现我的目标。有人能帮我如何使用模糊搜索在反应-选择。

JSON数据

让城市：{标签：‘阶段-8’，值：‘阶段-8}

Seach模式:当我键入'phase8‘或’相位/8‘或’阶段-8‘或’阶段-‘时，它将检索列表中的反应-选择。

<Select options={cities}/>

Answer 1

如果使用异步选择/SelectCreatable组件，则可以使用loadOptions支柱，可以向其传递一个函数，该函数接受当前查询，并应返回承诺，该承诺将解析为所显示的选项。有关信息，请参见文档。

如果使用可选选项创建Fuse实例，则可以将loadOptions建立在fuse.search的基础上。

为了有效地实现这一点，还有几件事情要记住，我建议检查代码框上的托姆卡尔的以下代码片段，它实现了您要寻找的内容：https://codesandbox.io/s/lwivu。对那个片段的作者大喊大叫！