Herausforderung: Erstellen Einer Kontrollierten Formular-Komponente
Aufgabe
In dieser Herausforderung soll eine Form-Komponente mit zwei Eingabefeldern erstellt werden: email und password. Ziel ist es, den useRef-Hook zu verwenden, um auf die Eingabeelemente zuzugreifen und die Logik zur Formularübermittlung zu implementieren.
Anweisungen
- Den
useRef-Hook aus derreact-Bibliothek importieren. - Innerhalb der
Form-Komponente zweiuseRef-Variablen deklarieren:emailRefundpasswordRef, initialisiert mitnull. - Die Eingabefelder zurücksetzen, indem deren Werte mithilfe der
useRef-Variablen auf einen leeren String gesetzt werden.
- Um den benötigten Hook aus der React-Bibliothek zu importieren, eine
import-Anweisung einfügen. - Für diese Aufgabe wird der
useRef-Hook verwendet, um Daten zu speichern, ohne das Markup zu beeinflussen. - Für den passenden Variablennamen der Referenz ein Wort wählen, das mit der Referenz in Verbindung steht, und "Ref" am Ende hinzufügen.
- Um die Referenz mit
nullzu initialisieren,nullals Anfangswert in die Klammern desuseRef-Hooks übergeben (z. B.useRef(null)). - Um das Formulareingabefeld zurückzusetzen, die entsprechende Referenzvariable verwenden und deren
.current.valueauf einen leeren String ("") setzen.
War alles klar?
Danke für Ihr Feedback!
Abschnitt 3. Kapitel 5
Fragen Sie AI
Fragen Sie AI
Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen
Awesome!
Completion rate improved to 2.17
Herausforderung: Erstellen Einer Kontrollierten Formular-Komponente
Swipe um das Menü anzuzeigen
Aufgabe
In dieser Herausforderung soll eine Form-Komponente mit zwei Eingabefeldern erstellt werden: email und password. Ziel ist es, den useRef-Hook zu verwenden, um auf die Eingabeelemente zuzugreifen und die Logik zur Formularübermittlung zu implementieren.
Anweisungen
- Den
useRef-Hook aus derreact-Bibliothek importieren. - Innerhalb der
Form-Komponente zweiuseRef-Variablen deklarieren:emailRefundpasswordRef, initialisiert mitnull. - Die Eingabefelder zurücksetzen, indem deren Werte mithilfe der
useRef-Variablen auf einen leeren String gesetzt werden.
- Um den benötigten Hook aus der React-Bibliothek zu importieren, eine
import-Anweisung einfügen. - Für diese Aufgabe wird der
useRef-Hook verwendet, um Daten zu speichern, ohne das Markup zu beeinflussen. - Für den passenden Variablennamen der Referenz ein Wort wählen, das mit der Referenz in Verbindung steht, und "Ref" am Ende hinzufügen.
- Um die Referenz mit
nullzu initialisieren,nullals Anfangswert in die Klammern desuseRef-Hooks übergeben (z. B.useRef(null)). - Um das Formulareingabefeld zurückzusetzen, die entsprechende Referenzvariable verwenden und deren
.current.valueauf einen leeren String ("") setzen.
War alles klar?
Danke für Ihr Feedback!
Abschnitt 3. Kapitel 5