Aus dem Kurs: React Grundkurs
Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 25.300 Kurse von Branchenfachleuten.
Uncontrolled Forms (ref) – Tutorial zu React.js
Aus dem Kurs: React Grundkurs
Uncontrolled Forms (ref)
Wir beschäftigen uns nun mit der Verarbeitung von Daten aus Formularen. In dieser Lektion schauen wir uns dazu sogenannte Uncontrolled Form Elements an. In der App-Component finden wir dazu ein Formular mit einem Text und einem Datumsfeld. Beim Absenden des Formulars wollen wir diese Werte auslesen und anzeigen. Der Grund, warum am Label htmlFor und nicht einfach nur for steht, ist derselbe wie mit class und className, denn for ist ein JavaScript-Keyword und um dieses Keyword zu umgehen, verwendet React htmlFor. Für dies Anzeige der abgesendeten Daten wollen wir uns einen simplen State anlegen. Die Daten von diesem State wollen wir zu jedem Zeitpunkt einfach unter dem Formular ausgeben mit Hilfe von JSON.stringify(). Nun brauchen wir einen Event-Listener, der auf das Absenden des Formulars reagiert. Dafür nehmen wir onSubmit. Wirt erstellen dann eine entsprechende Funktion formSubmitted. Diese Funktion bekommt das submit-Event übergeben. Das Formular-Element selbst finden wird dann…
Laden Sie Kurse herunter und lernen Sie auch unterwegs.
Sehen Sie sich Kurse auf Ihrem Mobilgerät ohne Internetverbindung an. Laden Sie Kurse mit der LinkedIn Learning-App für iOS oder Android herunter.