Herausforderung: Erstellen Einer Formular-Komponente

Aufgabe

In dieser Herausforderung erstellen Sie eine Form-Komponente mit zwei Eingabefeldern: email und password. Das Ziel ist es, den useRef-Hook zu verwenden, um auf die Eingabeelemente zu verweisen und die Logik zur Formularübermittlung zu handhaben.

Anweisungen

1. Importieren Sie den useRef-Hook aus der react-Bibliothek.
2. Deklarieren Sie innerhalb der Form-Komponente zwei useRef-Variablen: emailRef und passwordRef, initialisiert mit null.
3. Setzen Sie die Eingabefelder zurück, indem Sie ihre Werte mit den useRef-Variablen auf einen leeren String setzen.

1. Um den notwendigen Hook aus der React-Bibliothek zu importieren, fügen Sie eine import-Anweisung hinzu.
2. Für diese Aufgabe verwenden wir den useRef-Hook, um Daten zu speichern, ohne das Markup zu beeinflussen.
3. Um den passenden Variablennamen für den Ref zu bestimmen, wählen Sie ein Wort, das mit dem Ref in Verbindung steht, und fügen Sie "Ref" am Ende hinzu.
4. Um den Ref mit null zu initialisieren, übergeben Sie null als Anfangswert in den Klammern des useRef-Hooks (z.B. useRef(null)).
5. Um die Formulareingabe zurückzusetzen, verwenden Sie die entsprechende Ref-Variable und weisen Sie ihrem .current.value einen leeren String ("") zu.