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 ved navn isVisible ved hjælp af useState-hooken. Initialisér den med værdien false.
3. Implementér en funktion ved navn toggleVisibility, der, når den kaldes, skifter isVisible-tilstanden mellem true og false.
4. Brug funktionen toggleVisibility som onClick-handler 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, som er setIsVisible. Fjern præfikset "set" 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.