Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Défi : Basculer la Visibilité avec useState | Hooks React et Context pour la Gestion d'État
Maîtrise de React

bookDéfi : Basculer la Visibilité avec useState

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, qui doit être isVisible.
  4. Pour invoquer la fonction toggleVisibility lorsqu’un clic est effectué sur le bouton, l’assigner comme valeur de l’attribut onClick du bouton.

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 3. Chapitre 3

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Awesome!

Completion rate improved to 2.17

bookDéfi : Basculer la Visibilité avec useState

Glissez pour afficher le menu

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, qui doit être isVisible.
  4. Pour invoquer la fonction toggleVisibility lorsqu’un clic est effectué sur le bouton, l’assigner comme valeur de l’attribut onClick du bouton.

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 3. Chapitre 3
some-alt