Défi : Basculer la Visibilité

Tâche

Créez un composant qui inclut un bouton et un paragraphe de texte. Implémentez la logique nécessaire en utilisant le hook useState pour basculer la visibilité du paragraphe de texte lorsque le bouton est cliqué.

Instructions

1. Importez le hook useState de la bibliothèque React.
2. Déclarez une variable d'état nommée isVisible en utilisant le hook useState. Initialisez-la avec la valeur false.
3. Implémentez une fonction nommée toggleVisibility qui, lorsqu'elle est appelée, bascule l'état isVisible entre true et false.
4. Utilisez la fonction toggleVisibility comme gestionnaire onClick pour le bouton.

1. Incluez une déclaration import pour importer le hook approprié de la bibliothèque React.
2. Pour cette tâche, nous utiliserons le hook useState car nous gérons l'état de la visibilité du paragraphe.
3. Pour déterminer le nom de variable approprié pour l'état, observez la fonction associée à la définition de l'état, qui est setIsVisible. Supprimez le préfixe "set" et utilisez une première lettre minuscule pour le nom de la variable, qui devrait être isVisible.
4. Pour invoquer la fonction toggleVisibility lorsque le bouton est cliqué, assignez-la comme valeur pour l'attribut onClick du bouton.