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影片教學》
以上是react 怎麼實現按條件搜尋的詳細內容。更多資訊請關注PHP中文網其他相關文章！
