Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lära Utmaning: Bygg en Kontrollerad Formulärkomponent | React Hooks och Context för Tillståndshantering
React Mastery

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

  1. Importera hooken useRef från biblioteket react.
  2. Deklarera två Form-variabler i useRef-komponenten: emailRef och passwordRef, initierade med null.
  3. Återställ inmatningsfälten genom att sätta deras värden till en tom sträng med hjälp av useRef-variablerna.
  1. För att importera den nödvändiga hooken från React-biblioteket, inkludera en import-sats.
  2. För denna uppgift används hooken useRef för att lagra data utan att påverka markupen.
  3. 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.
  4. För att initiera ref med null, skicka null som initialvärde i hakparenteserna för useRef-hooken (t.ex. useRef(null)).
  5. För att återställa formulärfältet, använd lämplig ref-variabel och tilldela dess .current.value en tom sträng ("").

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 3. Kapitel 5

Fråga AI

expand

Fråga AI

ChatGPT

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

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

  1. Importera hooken useRef från biblioteket react.
  2. Deklarera två Form-variabler i useRef-komponenten: emailRef och passwordRef, initierade med null.
  3. Återställ inmatningsfälten genom att sätta deras värden till en tom sträng med hjälp av useRef-variablerna.
  1. För att importera den nödvändiga hooken från React-biblioteket, inkludera en import-sats.
  2. För denna uppgift används hooken useRef för att lagra data utan att påverka markupen.
  3. 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.
  4. För att initiera ref med null, skicka null som initialvärde i hakparenteserna för useRef-hooken (t.ex. useRef(null)).
  5. För att återställa formulärfältet, använd lämplig ref-variabel och tilldela dess .current.value en tom sträng ("").

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 3. Kapitel 5
some-alt