antd的select搜尋展現錯誤

2022-03-21 01:34:48 字數 717 閱讀 3330

------------恢復內容開始------------

文章前記:我們做的業務是乙個多選的下拉框,當時測試給我提了乙個bug說搜尋有問題,我當時懵了我沒有做搜尋呀,原來antd智慧型的幫我們做了搜尋。經過我的改造可以準確的搜尋了,之前的搜尋就是輸入第二個字回搜尋不出來東西。

為什麼回有這樣的問題?

原因是select搜尋是按照value繫結的值來進行搜尋的。我的**繫結的是id,那麼就會按照id的值搜尋,業務中其實我想按照username的值進行搜尋。直接改成username調介面的額時候不太方便,所以那我就自己做乙個搜尋。搜尋主要是通過onsearch事件檢查value值。寫方法之前要設定自帶的搜尋為false,

下面開始進行搜尋的方法:

onsearch = (e) =>

}this

.setstate();}

else);}

}

原理很簡單,用indexof查詢這個值存push到新陣列中。如果輸入的值為空返回原陣列,原數值用slice方法轉殖乙份

------------恢復內容結束------------

antd模糊搜尋和遠端資料的結合

用到此方法的情景 先根據input框中的姓名模糊搜尋出客戶名稱,當選中客戶名稱之後,獲取id 根據客戶的id,去搜尋資料列表。防抖方法 let timeout let currentvalue function fetch value,callback currentvalue value 進行資料...

Google希望從搜尋結果展現中了解搜尋結果的內容

google希望從搜尋結果展現中了解搜尋結果的內容 google的搜尋聯絡人danny sullivan 在推特上向搜尋引擎優化社群詢問他們希望在google搜尋結果介面和鏈結中看到哪些更改。sullivan詢問了seo在 google如何顯示列表 方面的夢想。google想要什麼型別的反饋?沙利文...

SELECT範圍搜尋條件 BETWEEN

between 關鍵字指定用於搜尋的內含範圍。例如,下列 select 語句返回庫存單位數量介於 15 到 25 之間的所有產品 select unitsinstock,productid,productname from northwind.dbo.products where unitsinst...