Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Udfordring: Skift Synlighed med useState | React Hooks og Context til Tilstandshåndtering
React Mastery

bookUdfordring: Skift Synlighed med useState

Opgave

Opret en komponent, der indeholder en knap og et tekstafsnit. Implementér den nødvendige logik ved hjælp af useState-hooken for at skifte synligheden af tekstafsnittet, når knappen klikkes.

Instruktioner

  1. Importér useState-hooken fra React-biblioteket.
  2. Deklarér en tilstandsvariabel med navnet isVisible ved hjælp af useState-hooken. Initialisér den med værdien false.
  3. Implementér en funktion med navnet toggleVisibility, der, når den kaldes, skifter isVisible-tilstanden mellem true og false.
  4. Brug funktionen toggleVisibility som onClick-handler for knappen.
  1. Inkludér en import-sætning for at importere den relevante hook fra React-biblioteket.
  2. Til denne opgave anvendes useState-hooken, da tilstanden for afsnittets synlighed håndteres.
  3. For at bestemme det korrekte variabelnavn til tilstanden, observer funktionen, der bruges til at sætte tilstanden, nemlig setIsVisible. Fjern "set"-præfikset og brug et lille begyndelsesbogstav for variabelnavnet, som skal være isVisible.
  4. For at kalde funktionen toggleVisibility, når knappen klikkes, tildeles den som værdi til onClick-attributten på knappen.

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 3. Kapitel 3

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: Skift Synlighed med useState

Stryg for at vise menuen

Opgave

Opret en komponent, der indeholder en knap og et tekstafsnit. Implementér den nødvendige logik ved hjælp af useState-hooken for at skifte synligheden af tekstafsnittet, når knappen klikkes.

Instruktioner

  1. Importér useState-hooken fra React-biblioteket.
  2. Deklarér en tilstandsvariabel med navnet isVisible ved hjælp af useState-hooken. Initialisér den med værdien false.
  3. Implementér en funktion med navnet toggleVisibility, der, når den kaldes, skifter isVisible-tilstanden mellem true og false.
  4. Brug funktionen toggleVisibility som onClick-handler for knappen.
  1. Inkludér en import-sætning for at importere den relevante hook fra React-biblioteket.
  2. Til denne opgave anvendes useState-hooken, da tilstanden for afsnittets synlighed håndteres.
  3. For at bestemme det korrekte variabelnavn til tilstanden, observer funktionen, der bruges til at sætte tilstanden, nemlig setIsVisible. Fjern "set"-præfikset og brug et lille begyndelsesbogstav for variabelnavnet, som skal være isVisible.
  4. For at kalde funktionen toggleVisibility, når knappen klikkes, tildeles den som værdi til onClick-attributten på knappen.

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 3. Kapitel 3
some-alt