Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Utfordring: Veksle Synlighet med Tilstand | Tilstand og Sideeffekter
Introduksjon til React

bookUtfordring: Veksle Synlighet med Tilstand

Sveip for å vise menyen

Oppgave

Lag en komponent som inneholder en knapp og et tekstavsnitt. Implementer nødvendig logikk ved å bruke useState-hooken for å veksle synligheten til tekstavsnittet når knappen trykkes.

Instruksjoner

  1. Importer useState-hooken fra React-biblioteket.
  2. Deklarer en tilstandsvariabel kalt isVisible ved å bruke useState-hooken. Initialiser den med verdien false.
  3. Implementer en funksjon kalt toggleVisibility som, når den kalles, veksler isVisible-tilstanden mellom true og false.
  4. Bruk toggleVisibility-funksjonen som onClick-handler for knappen.
  1. Inkluder en import-setning for å importere riktig hook fra React-biblioteket.
  2. For denne oppgaven skal vi benytte useState-hooken siden vi håndterer tilstanden for synlighet av avsnittet.
  3. For å bestemme riktig variabelnavn for tilstanden, observer funksjonen som er tilknyttet endring av tilstanden, som er setIsVisible. Fjern prefikset "set" og bruk liten forbokstav for variabelnavnet, som skal være isVisible.
  4. For å kalle toggleVisibility-funksjonen når knappen trykkes, tildel den som verdi til onClick-attributtet på knappen.

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 3. Kapittel 2

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

Seksjon 3. Kapittel 2
some-alt