Aus dem Kurs: React.js: Ein Web-Interface entwickeln

So erhalten Sie Zugriff auf diesen Kurs

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 24.900 Kurse von Branchenfachleuten.

Suchfeld aktivieren

Suchfeld aktivieren – Tutorial zu React.js

Aus dem Kurs: React.js: Ein Web-Interface entwickeln

Gratismonat starten Für Ihr Team erwerben

Suchfeld aktivieren

“

Derzeit wird die Suche im Skript gesteuert. Es soll aber natürlich über das in Input-Feld funktionieren. Das heißt, wenn man an dieser Stelle was eingibt, dann soll man nur die entsprechenden Datensätze erhalten. Dafür entfernen wir erst einmal den derzeitigen Query-String, weil der soll ja dann dynamisch gesetzt werden, und gehen dann in searchAppointment, da ist das Input-Feld für die Suche und da wollen wir reagieren, wenn sich etwas ändert, und das ist dann das Event und über props übergeben wir das an die übergeordnete Komponente und die erhält außerdem dann den derzeitigen Wert, das heißt, wonach gesucht wird. In App.js fügen wir das bei der Komponente selber hinzu. Das ist die Komponente, also searchApts = und dann wollen wir eine lokale Methode aufrufen, die heißt auch searchApts, und diese müssen wir dann erstellen. Das mache ich an dieser Stelle. Also, das heißt jetzt, searchApts bekommt etwas übergeben, nämlich wonach gesucht wird, und dann können wir setState aufrufen und…

Inhalt