Utfordring: 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
- Importer
useState-hooken fra React-biblioteket. - Deklarer en tilstandsvariabel kalt
isVisibleved å brukeuseState-hooken. Initialiser den med verdienfalse. - Implementer en funksjon kalt
toggleVisibilitysom, når den kalles, veksler tilstandenisVisiblemellomtrueogfalse. - Bruk funksjonen
toggleVisibilitysomonClick-handler for knappen.
- Inkluder en
import-setning for å importere riktig hook fra React-biblioteket. - For denne oppgaven skal vi bruke
useState-hooken siden vi håndterer tilstanden for synlighet av avsnittet. - 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æreisVisible. - For å kalle funksjonen
toggleVisibilitynår knappen klikkes, tildel den som verdi tilonClick-attributtet på knappen.
Alt var klart?
Takk for tilbakemeldingene dine!
Seksjon 1. Kapittel 15
Spør AI
Spør AI
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