Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Utfordring: Bygg en Kontrollert Skjemakomponent | React Hooks og Context for Tilstandshåndtering
React Mastery

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

  1. Importer useRef-hooken fra react-biblioteket.
  2. Inne i Form-komponenten, deklarer to useRef-variabler: emailRef og passwordRef, initialisert med null.
  3. Nullstill inndatafeltene ved å sette verdiene deres til en tom streng ved hjelp av useRef-variablene.
  1. For å importere nødvendig hook fra React-biblioteket, inkluder en import-setning.
  2. For denne oppgaven skal vi bruke useRef-hooken for å lagre data uten å påvirke markupen.
  3. For å bestemme riktig variabelnavn for referansen, velg et ord som er assosiert med referansen og legg til "Ref" på slutten.
  4. For å initialisere referansen med null, send null som startverdi i klammeparentesene til useRef-hooken (f.eks. useRef(null)).
  5. For å nullstille inndatafeltet, bruk riktig referansevariabel og sett dens .current.value til en tom streng ("").

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 3. Kapittel 5

Spør AI

expand

Spør AI

ChatGPT

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

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

  1. Importer useRef-hooken fra react-biblioteket.
  2. Inne i Form-komponenten, deklarer to useRef-variabler: emailRef og passwordRef, initialisert med null.
  3. Nullstill inndatafeltene ved å sette verdiene deres til en tom streng ved hjelp av useRef-variablene.
  1. For å importere nødvendig hook fra React-biblioteket, inkluder en import-setning.
  2. For denne oppgaven skal vi bruke useRef-hooken for å lagre data uten å påvirke markupen.
  3. For å bestemme riktig variabelnavn for referansen, velg et ord som er assosiert med referansen og legg til "Ref" på slutten.
  4. For å initialisere referansen med null, send null som startverdi i klammeparentesene til useRef-hooken (f.eks. useRef(null)).
  5. For å nullstille inndatafeltet, bruk riktig referansevariabel og sett dens .current.value til en tom streng ("").

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 3. Kapittel 5
some-alt