网站首页编程语言正文

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

作者：柳絮泡泡更新时间： 2023-03-27 编程语言

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

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

在这里插入图片描述

实现后的效果是

在这里插入图片描述

具体代码实现请看下面：

在这里插入图片描述

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

原文链接：https://blog.csdn.net/qq_43665443/article/details/128221066