網站首頁編程語言正文

react+antd?select下拉框實現模糊搜索匹配的示例代碼_React

作者：柳絮泡泡 ? 更新時間： 2023-03-27 編程語言

我們在開發過程中，經常會出現下拉框數據很多得情況，這個時候客戶一個個得找就很浪費時間，那該怎么辦呢？

我們可以實現一邊輸入一遍模糊匹配。

在這里插入圖片描述

實現后的效果是

在這里插入圖片描述

具體代碼實現請看下面：

在這里插入圖片描述

我們可以在Select.Option 里面返回我們想要搜索得字段，然后通過filterOption這個屬性去獲取和操作。

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