Taak

Maak een component die een knop en een tekstparagraaf bevat. Implementeer de benodigde logica met behulp van de useState-hook om de zichtbaarheid van de tekstparagraaf te wisselen wanneer op de knop wordt geklikt.

Instructies

1. Importeer de useState-hook uit de React-bibliotheek.
2. Declareer een statusvariabele genaamd isVisible met behulp van de useState-hook. Initialiseer deze met de waarde false.
3. Implementeer een functie genaamd toggleVisibility die, wanneer aangeroepen, de status isVisible wisselt tussen true en false.
4. Gebruik de functie toggleVisibility als de onClick-handler voor de knop.

1. Voeg een import-statement toe om de juiste hook uit de React-bibliotheek te importeren.
2. Voor deze taak gebruiken we de useState-hook, omdat we de status van de zichtbaarheid van de paragraaf beheren.
3. Om de juiste variabelenaam voor de status te bepalen, kijk naar de functie die wordt gebruikt om de status in te stellen, namelijk setIsVisible. Verwijder het voorvoegsel "set" en gebruik een kleine letter aan het begin van de variabelenaam, wat isVisible moet zijn.
4. Om de functie toggleVisibility aan te roepen wanneer op de knop wordt geklikt, wijs deze toe als waarde voor het onClick-attribuut van de knop.