Utmaning: Bygg en Kontrollerad Formulärkomponent
Uppgift
I denna utmaning ska du skapa en Form-komponent med två inmatningsfält: email och password. Målet är att använda hooken useRef för att referera till inmatningselementen och hantera logiken för formulärinlämning.
Instruktioner
- Importera hooken
useReffrån biblioteketreact. - Deklarera två
Form-variabler iuseRef-komponenten:emailRefochpasswordRef, initierade mednull. - Återställ inmatningsfälten genom att sätta deras värden till en tom sträng med hjälp av
useRef-variablerna.
- För att importera den nödvändiga hooken från React-biblioteket, inkludera en
import-sats. - För denna uppgift används hooken
useRefför att lagra data utan att påverka markupen. - För att bestämma ett lämpligt variabelnamn för ref, välj ett ord som är associerat med ref och lägg till "Ref" i slutet.
- För att initiera ref med
null, skickanullsom initialvärde i hakparenteserna föruseRef-hooken (t.ex.useRef(null)). - För att återställa formulärfältet, använd lämplig ref-variabel och tilldela dess
.current.valueen tom sträng ("").
Var allt tydligt?
Tack för dina kommentarer!
Avsnitt 3. Kapitel 5
Fråga AI
Fråga AI
Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal
Awesome!
Completion rate improved to 2.17
Utmaning: Bygg en Kontrollerad Formulärkomponent
Svep för att visa menyn
Uppgift
I denna utmaning ska du skapa en Form-komponent med två inmatningsfält: email och password. Målet är att använda hooken useRef för att referera till inmatningselementen och hantera logiken för formulärinlämning.
Instruktioner
- Importera hooken
useReffrån biblioteketreact. - Deklarera två
Form-variabler iuseRef-komponenten:emailRefochpasswordRef, initierade mednull. - Återställ inmatningsfälten genom att sätta deras värden till en tom sträng med hjälp av
useRef-variablerna.
- För att importera den nödvändiga hooken från React-biblioteket, inkludera en
import-sats. - För denna uppgift används hooken
useRefför att lagra data utan att påverka markupen. - För att bestämma ett lämpligt variabelnamn för ref, välj ett ord som är associerat med ref och lägg till "Ref" i slutet.
- För att initiera ref med
null, skickanullsom initialvärde i hakparenteserna föruseRef-hooken (t.ex.useRef(null)). - För att återställa formulärfältet, använd lämplig ref-variabel och tilldela dess
.current.valueen tom sträng ("").
Var allt tydligt?
Tack för dina kommentarer!
Avsnitt 3. Kapitel 5