Défi : Basculer la Visibilité avec l'État

Tâche

Créer un composant comprenant un bouton et un paragraphe de texte. Implémenter la logique nécessaire en utilisant le hook useState afin d’alterner la visibilité du paragraphe de texte lors du clic sur le bouton.

Instructions

1. Importer le hook useState depuis la bibliothèque React.
2. Déclarer une variable d’état nommée isVisible à l’aide du hook useState. L’initialiser avec la valeur false.
3. Implémenter une fonction nommée toggleVisibility qui, lorsqu’elle est appelée, alterne l’état isVisible entre true et false.
4. Utiliser la fonction toggleVisibility comme gestionnaire onClick pour le bouton.

1. Inclure une instruction import pour importer le hook approprié depuis la bibliothèque React.
2. Pour cette tâche, le hook useState sera utilisé car il permet de gérer l’état de visibilité du paragraphe.
3. Pour déterminer le nom de variable approprié pour l’état, observer la fonction associée à la modification de l’état, qui est setIsVisible. Retirer le préfixe "set" et utiliser une première lettre en minuscule pour le nom de la variable, soit isVisible.
4. Pour appeler la fonction toggleVisibility lorsqu’un clic est effectué sur le bouton, l’assigner comme valeur de l’attribut onClick du bouton.