Utfordring: Bygg en Kontrollert Skjemakomponent
Oppgave
I denne utfordringen skal du lage en Form-komponent med to inndatafelt: email og password. Målet er å bruke useRef-hooken for å referere til inndataelementene og håndtere logikken for innsending av skjemaet.
Instruksjoner
- Importer
useRef-hooken frareact-biblioteket. - Inne i
Form-komponenten, deklarer touseRef-variabler:emailRefogpasswordRef, initialisert mednull. - Nullstill inndatafeltene ved å sette verdiene deres til en tom streng ved hjelp av
useRef-variablene.
- For å importere nødvendig hook fra React-biblioteket, inkluder en
import-setning. - For denne oppgaven skal vi bruke
useRef-hooken for å lagre data uten å påvirke markupen. - For å bestemme riktig variabelnavn for referansen, velg et ord som er assosiert med referansen og legg til "Ref" på slutten.
- For å initialisere referansen med
null, sendnullsom startverdi i klammeparentesene tiluseRef-hooken (f.eks.useRef(null)). - For å nullstille inndatafeltet, bruk riktig referansevariabel og sett dens
.current.valuetil en tom streng ("").
Alt var klart?
Takk for tilbakemeldingene dine!
Seksjon 3. Kapittel 5
Spør AI
Spør AI
Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår
Awesome!
Completion rate improved to 2.17
Utfordring: Bygg en Kontrollert Skjemakomponent
Sveip for å vise menyen
Oppgave
I denne utfordringen skal du lage en Form-komponent med to inndatafelt: email og password. Målet er å bruke useRef-hooken for å referere til inndataelementene og håndtere logikken for innsending av skjemaet.
Instruksjoner
- Importer
useRef-hooken frareact-biblioteket. - Inne i
Form-komponenten, deklarer touseRef-variabler:emailRefogpasswordRef, initialisert mednull. - Nullstill inndatafeltene ved å sette verdiene deres til en tom streng ved hjelp av
useRef-variablene.
- For å importere nødvendig hook fra React-biblioteket, inkluder en
import-setning. - For denne oppgaven skal vi bruke
useRef-hooken for å lagre data uten å påvirke markupen. - For å bestemme riktig variabelnavn for referansen, velg et ord som er assosiert med referansen og legg til "Ref" på slutten.
- For å initialisere referansen med
null, sendnullsom startverdi i klammeparentesene tiluseRef-hooken (f.eks.useRef(null)). - For å nullstille inndatafeltet, bruk riktig referansevariabel og sett dens
.current.valuetil en tom streng ("").
Alt var klart?
Takk for tilbakemeldingene dine!
Seksjon 3. Kapittel 5