如何用react-select实现Fuse.js



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

<<p>

JSON数据/strong>让城市:[{标签:"阶段八",价值:"阶段八}]

搜索模式:当我输入'phase8'或'phase/8'或'phase-8'或'phase-'时,它将在react-select中检索列表。

<Select options={cities}/>

如果您使用异步Select/SelectCreatable组件,您可以使用loadOptionsprop,您可以向其传递一个函数,该函数接受当前查询并应返回一个承诺,该承诺将解析为显示的选项。

如果您使用可选择的选项创建Fuse实例,那么您可以将loadOptions基于fuse.search

为了有效地实现这一点,还有一些事情要记住,我建议检查tomkaar在codesandbox上的以下代码片段,它实现了您正在寻找的东西:https://codesandbox.io/s/lwivu。大声喊出这段片段的作者!

相关内容

  • 没有找到相关文章

最新更新