Udfordring: Skift Synlighed med State

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-håndtering 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 vi håndterer tilstanden for afsnittets synlighed.
3. For at bestemme det passende variabelnavn til tilstanden, observer funktionen, der er forbundet med 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.