Udfordring: Opbyg en Kontrolleret Formular-Komponent
Opgave
I denne udfordring skal du oprette en Form-komponent med to inputfelter: email og password. Målet er at bruge useRef-hooken til at referere til inputelementerne og håndtere logikken for formularindsendelse.
Instruktioner
- Importér
useRef-hooken frareact-biblioteket. - Inde i
Form-komponenten, deklarér touseRef-variabler:emailRefogpasswordRef, initialiseret mednull. - Nulstil inputfelterne ved at sætte deres værdier til en tom streng ved hjælp af
useRef-variablerne.
- For at importere den nødvendige hook fra React-biblioteket, inkludér en
import-sætning. - Til denne opgave anvendes
useRef-hooken til at gemme data uden at påvirke markup. - For at bestemme det passende variabelnavn til referencen, vælges et ord, der er forbundet med referencen, og tilføj "Ref" til sidst.
- For at initialisere referencen med
null, sendesnullsom startværdi i parentesen tiluseRef-hooken (f.eks.useRef(null)). - For at nulstille formularinput, bruges den relevante ref-variabel, og dens
.current.valuetildeles en tom streng ("").
Var alt klart?
Tak for dine kommentarer!
Sektion 3. Kapitel 5
Spørg AI
Spørg AI
Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat
Awesome!
Completion rate improved to 2.17
Udfordring: Opbyg en Kontrolleret Formular-Komponent
Stryg for at vise menuen
Opgave
I denne udfordring skal du oprette en Form-komponent med to inputfelter: email og password. Målet er at bruge useRef-hooken til at referere til inputelementerne og håndtere logikken for formularindsendelse.
Instruktioner
- Importér
useRef-hooken frareact-biblioteket. - Inde i
Form-komponenten, deklarér touseRef-variabler:emailRefogpasswordRef, initialiseret mednull. - Nulstil inputfelterne ved at sætte deres værdier til en tom streng ved hjælp af
useRef-variablerne.
- For at importere den nødvendige hook fra React-biblioteket, inkludér en
import-sætning. - Til denne opgave anvendes
useRef-hooken til at gemme data uden at påvirke markup. - For at bestemme det passende variabelnavn til referencen, vælges et ord, der er forbundet med referencen, og tilføj "Ref" til sidst.
- For at initialisere referencen med
null, sendesnullsom startværdi i parentesen tiluseRef-hooken (f.eks.useRef(null)). - For at nulstille formularinput, bruges den relevante ref-variabel, og dens
.current.valuetildeles en tom streng ("").
Var alt klart?
Tak for dine kommentarer!
Sektion 3. Kapitel 5