So implementieren Sie die Suche nach Bedingungen in React

So implementieren Sie die bedingte Suche in React: 1. Definieren Sie ein Objekt im Status. 2. Legen Sie das Dropdown-Feld-Klickereignis „onChange“ fest, um die entsprechende ID für jedes ausgewählte Dropdown-Feld zu erhalten Zur Schnittstelle verwenden Sie einfach die Anforderungsparameter.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, Reaktionsversion 18.0.0, Dell G3-Computer.

Wie implementiert man die Suche nach Bedingungen in React?

React Design Pro implementiert Abfragedaten mit mehreren Bedingungen

1. Beschreibung:

Für das Backend-Managementsystem sind beim Schreiben der Geschäftsschnittstelle gemeinsame Abfragedaten mit mehreren Bedingungen die grundlegendste Geschäftsanforderung -Bedingungsabfragen sind die ID oder ein anderer Wert, der in das entsprechende Feld übergeben wird.

Zweitens wird der Schnittstelleneffekt erzielt:

Drei Implementierungsideen:

Definieren Sie zunächst ein Objekt, um die entsprechende ID für jedes ausgewählte Dropdown-Feld zu erhalten, und hängen Sie das Objekt schließlich an die Schnittstellenanforderungsparameter an.查 Zum Beispiel: Das von meiner Abfrageschnittstelle benötigte Datenformat hier

R

{ merchantId: "", page: 1, limit: 15, departDate: "", lineId: "", driverId: "", carId: "" }

E

4. Code-Implementierung:

1. Definieren Sie zunächst ein Objekt im Status:

2. Legen Sie das Dropdown-Feld fest und klicken Sie auf das Ereignis onchange

3. Zuweisung (hier wird nur der Code für das Lieferanten-Dropdown-Feld angezeigt, die anderen Dropdown-Felder sind gleich):

Zum Schluss erhalten Sie die entsprechenden Ergebnisse und führen die entsprechenden Schritte durch Abfrage und eine Abfrage mit mehreren Bedingungen ist implementiert.

5. Hier verwende ich setState, um Objektelementen dynamisch Werte zuzuweisen. Ich weiß nicht, ob es eine bessere Möglichkeit gibt dass es mir jemand beibringen kann.

Empfohlenes Lernen: „

Video-Tutorial reagieren

“

Das obige ist der detaillierte Inhalt vonSo implementieren Sie die Suche nach Bedingungen in React. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!