Udfordring: 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
- Importér
useState-hooken fra React-biblioteket. - Deklarér en tilstandsvariabel med navnet
isVisibleved hjælp afuseState-hooken. Initialisér den med værdienfalse. - Implementér en funktion med navnet
toggleVisibility, der, når den kaldes, skifterisVisible-tilstanden mellemtrueogfalse. - Brug funktionen
toggleVisibilitysomonClick-handler for knappen.
- Inkludér en
import-sætning for at importere den relevante hook fra React-biblioteket. - Til denne opgave anvendes
useState-hooken, da tilstanden for afsnittets synlighed håndteres. - 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æreisVisible. - For at kalde funktionen
toggleVisibility, når knappen klikkes, tildeles den som værdi tilonClick-attributten på knappen.
Var alt klart?
Tak for dine kommentarer!
Sektion 3. Kapitel 3
Spørg AI
Spørg AI
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
Udfordring: 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
- Importér
useState-hooken fra React-biblioteket. - Deklarér en tilstandsvariabel med navnet
isVisibleved hjælp afuseState-hooken. Initialisér den med værdienfalse. - Implementér en funktion med navnet
toggleVisibility, der, når den kaldes, skifterisVisible-tilstanden mellemtrueogfalse. - Brug funktionen
toggleVisibilitysomonClick-handler for knappen.
- Inkludér en
import-sætning for at importere den relevante hook fra React-biblioteket. - Til denne opgave anvendes
useState-hooken, da tilstanden for afsnittets synlighed håndteres. - 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æreisVisible. - For at kalde funktionen
toggleVisibility, når knappen klikkes, tildeles den som værdi tilonClick-attributten på knappen.
Var alt klart?
Tak for dine kommentarer!
Sektion 3. Kapitel 3