Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Udfordring: Opbyg en Kontrolleret Formular-Komponent | React Hooks og Context til Tilstandshåndtering
React Mastery

bookUdfordring: 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

  1. Importér useRef-hooken fra react-biblioteket.
  2. Inde i Form-komponenten, deklarér to useRef-variabler: emailRef og passwordRef, initialiseret med null.
  3. Nulstil inputfelterne ved at sætte deres værdier til en tom streng ved hjælp af useRef-variablerne.
  1. For at importere den nødvendige hook fra React-biblioteket, inkludér en import-sætning.
  2. Til denne opgave anvendes useRef-hooken til at gemme data uden at påvirke markup.
  3. For at bestemme det passende variabelnavn til referencen, vælges et ord, der er forbundet med referencen, og tilføj "Ref" til sidst.
  4. For at initialisere referencen med null, sendes null som startværdi i parentesen til useRef-hooken (f.eks. useRef(null)).
  5. For at nulstille formularinput, bruges den relevante ref-variabel, og dens .current.value tildeles en tom streng ("").

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 3. Kapitel 5

Spørg AI

expand

Spørg AI

ChatGPT

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

bookUdfordring: 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

  1. Importér useRef-hooken fra react-biblioteket.
  2. Inde i Form-komponenten, deklarér to useRef-variabler: emailRef og passwordRef, initialiseret med null.
  3. Nulstil inputfelterne ved at sætte deres værdier til en tom streng ved hjælp af useRef-variablerne.
  1. For at importere den nødvendige hook fra React-biblioteket, inkludér en import-sætning.
  2. Til denne opgave anvendes useRef-hooken til at gemme data uden at påvirke markup.
  3. For at bestemme det passende variabelnavn til referencen, vælges et ord, der er forbundet med referencen, og tilføj "Ref" til sidst.
  4. For at initialisere referencen med null, sendes null som startværdi i parentesen til useRef-hooken (f.eks. useRef(null)).
  5. For at nulstille formularinput, bruges den relevante ref-variabel, og dens .current.value tildeles en tom streng ("").

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 3. Kapitel 5
some-alt