站長資訊網
react實現按條件搜索的方法：1、在state里定義一個對象；2、設置下拉框點擊事件onChange，用于接收每選擇一個下拉框都進行相應的ID保存；3、把對象附加到接口請求參數上即可。
本教程操作環境：Windows10系統、react18.0.0版、Dell G3電腦。
react 怎么實現按條件搜索？
react design pro 實現多條件進行查詢數據
一、描述：
對于后臺管理系統，在編寫業務界面，多條件進行聯合查詢數據是最基礎的業務需求，一般多條件查詢都是傳入相應字段的ID或者其它值。
二、實現的界面效果： 
三、實現思路：
先定義一個對象，用于接收每選擇一個下拉框都進行相應的ID保存，然后最后把對象附加到接口請求參數上即可。
例如：我這里的查詢接口需要的數據格式
{ merchantId: "", page: 1, limit: 15, departDate: "", lineId: "", driverId: "", carId: "" }
登錄后復制
四、代碼實現：
1.先在state里定義一個對象：
2.設置下拉框點擊事件onChange
3.賦值（這里只展示了供應商下拉框的代碼，其它下拉框與之相同）：
最后，取得相應的結果進行相應的查詢，一個多條件查詢就實現了。
五、總結
這里我利用的是setState對對象元素進行了動態賦值，現目前能想到的辦法就是這樣的，不知道還有沒有更好的辦法，如果有希望大佬能教教我。
推薦學習：《react視頻教程》
