react+antd select下拉框实现模糊搜索匹配的示例代码

我们在开发过程中,经常会出现下拉框数据很多得情况,这个时候客户一个个得找就很浪费时间,那该怎么办呢?

我们可以实现一边输入一遍模糊匹配。

react+antd select下拉框实现模糊搜索匹配的示例代码_第1张图片

实现后的效果是

react+antd select下拉框实现模糊搜索匹配的示例代码_第2张图片

具体代码实现请看下面:

react+antd select下拉框实现模糊搜索匹配的示例代码_第3张图片

我们可以在Select.Option 里面返回我们想要搜索得字段,然后通过filterOption这个属性去获取和操作。

到此这篇关于react+antd select下拉框实现模糊搜索匹配的示例代码的文章就介绍到这了,更多相关react antd select模糊搜索内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

你可能感兴趣的:(react+antd select下拉框实现模糊搜索匹配的示例代码)