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 State | Seksjon
React-Grunnleggende

bookUtfordring: Veksle Synlighet med State

Sveip for å vise menyen

Oppgave

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

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 tilstanden isVisible mellom true og false.
  4. Bruk funksjonen toggleVisibility som onClick-handler for knappen.
  1. Inkluder en import-setning for å importere riktig hook fra React-biblioteket.
  2. For denne oppgaven skal vi bruke useState-hooken siden vi håndterer tilstanden for synlighet av avsnittet.
  3. For å finne riktig variabelnavn for tilstanden, se på funksjonen som brukes til å sette tilstanden, som er setIsVisible. Fjern prefikset "set" og bruk liten forbokstav for variabelnavnet, som skal være isVisible.
  4. For å kalle funksjonen toggleVisibility når knappen klikkes, tildel den som verdi til onClick-attributtet på knappen.

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 1. Kapittel 15

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 1. Kapittel 15
some-alt