Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Lära Utmaning: Växla Synlighet med useState | React Hooks och Context för Tillståndshantering
React Mastery

bookUtmaning: Växla Synlighet med useState

Uppgift

Skapa en komponent som innehåller en knapp och ett textstycke. Implementera nödvändig logik med hjälp av hooken useState för att växla synligheten av textstycket när knappen klickas.

Instruktioner

  1. Importera hooken useState från React-biblioteket.
  2. Deklarera en tillståndsvariabel med namnet isVisible med hjälp av hooken useState. Initiera den med värdet false.
  3. Implementera en funktion med namnet toggleVisibility som, när den anropas, växlar tillståndet isVisible mellan true och false.
  4. Använd funktionen toggleVisibility som onClick-hanterare för knappen.
  1. Inkludera en import-sats för att importera rätt hook från React-biblioteket.
  2. För denna uppgift används hooken useState eftersom vi hanterar tillståndet för synligheten av stycket.
  3. För att bestämma lämpligt variabelnamn för tillståndet, observera funktionen som är kopplad till att sätta tillståndet, vilket är setIsVisible. Ta bort prefixet "set" och använd en liten bokstav i början för variabelnamnet, vilket ska vara isVisible.
  4. För att anropa funktionen toggleVisibility när knappen klickas, tilldela den som värde för attributet onClick på knappen.

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 3. Kapitel 3

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

Suggested prompts:

Can you explain how the useState hook works in this example?

What does the toggleVisibility function do?

How does the button control the visibility of the paragraph?

Awesome!

Completion rate improved to 2.17

bookUtmaning: Växla Synlighet med useState

Svep för att visa menyn

Uppgift

Skapa en komponent som innehåller en knapp och ett textstycke. Implementera nödvändig logik med hjälp av hooken useState för att växla synligheten av textstycket när knappen klickas.

Instruktioner

  1. Importera hooken useState från React-biblioteket.
  2. Deklarera en tillståndsvariabel med namnet isVisible med hjälp av hooken useState. Initiera den med värdet false.
  3. Implementera en funktion med namnet toggleVisibility som, när den anropas, växlar tillståndet isVisible mellan true och false.
  4. Använd funktionen toggleVisibility som onClick-hanterare för knappen.
  1. Inkludera en import-sats för att importera rätt hook från React-biblioteket.
  2. För denna uppgift används hooken useState eftersom vi hanterar tillståndet för synligheten av stycket.
  3. För att bestämma lämpligt variabelnamn för tillståndet, observera funktionen som är kopplad till att sätta tillståndet, vilket är setIsVisible. Ta bort prefixet "set" och använd en liten bokstav i början för variabelnamnet, vilket ska vara isVisible.
  4. För att anropa funktionen toggleVisibility när knappen klickas, tilldela den som värde för attributet onClick på knappen.

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 3. Kapitel 3
some-alt