<dd id="3pk9i"><optgroup id="3pk9i"><video id="3pk9i"></video></optgroup></dd>
<rp id="3pk9i"></rp>

<dd id="3pk9i"><track id="3pk9i"></track></dd>
      1. <th id="3pk9i"></th>
        1. <ol id="3pk9i"><ruby id="3pk9i"></ruby></ol>

        2. react 怎么實現按條件搜索

          來源:php中文網 | 2022-12-28 15:58:43 |

          本教程操作環境: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中文網其它相關文章!

          關鍵詞: React

          中文字幕在线观看2021
          <dd id="3pk9i"><optgroup id="3pk9i"><video id="3pk9i"></video></optgroup></dd>
          <rp id="3pk9i"></rp>

          <dd id="3pk9i"><track id="3pk9i"></track></dd>
            1. <th id="3pk9i"></th>
              1. <ol id="3pk9i"><ruby id="3pk9i"></ruby></ol>