React

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > React > react antd select模糊搜索

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

作者:柳絮泡泡

我们在开发过程中,经常会出现下拉框数据很多得情况,本文主要介绍了react+antd select下拉框实现模糊搜索匹配的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

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

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

在这里插入图片描述

实现后的效果是

在这里插入图片描述

具体代码实现请看下面:

在这里插入图片描述

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

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

您可能感兴趣的文章:
阅读全文