Desafío: Alternar Visibilidad con useState
Tarea
Crear un componente que incluya un botón y un párrafo de texto. Implementar la lógica necesaria utilizando el hook useState para alternar la visibilidad del párrafo de texto cuando se haga clic en el botón.
Instrucciones
- Importar el hook
useStatede la biblioteca React. - Declarar una variable de estado llamada
isVisibleutilizando el hookuseState. Inicializarla con el valorfalse. - Implementar una función llamada
toggleVisibilityque, al ser llamada, alterne el estado deisVisibleentretrueyfalse. - Utilizar la función
toggleVisibilitycomo el manejadoronClickpara el botón.
- Incluir una declaración
importpara importar el hook correspondiente de la biblioteca React. - Para esta tarea, se utilizará el hook
useStateya que se gestiona el estado de la visibilidad del párrafo. - Para determinar el nombre adecuado de la variable de estado, observar la función asociada con el establecimiento del estado, que es
setIsVisible. Eliminar el prefijo "set" y usar la primera letra en minúscula para el nombre de la variable, que debe serisVisible. - Para invocar la función
toggleVisibilitycuando se haga clic en el botón, asignarla como valor del atributoonClickdel botón.
¿Todo estuvo claro?
¡Gracias por tus comentarios!
Sección 3. Capítulo 3
Pregunte a AI
Pregunte a AI
Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla
Awesome!
Completion rate improved to 2.17
Desafío: Alternar Visibilidad con useState
Desliza para mostrar el menú
Tarea
Crear un componente que incluya un botón y un párrafo de texto. Implementar la lógica necesaria utilizando el hook useState para alternar la visibilidad del párrafo de texto cuando se haga clic en el botón.
Instrucciones
- Importar el hook
useStatede la biblioteca React. - Declarar una variable de estado llamada
isVisibleutilizando el hookuseState. Inicializarla con el valorfalse. - Implementar una función llamada
toggleVisibilityque, al ser llamada, alterne el estado deisVisibleentretrueyfalse. - Utilizar la función
toggleVisibilitycomo el manejadoronClickpara el botón.
- Incluir una declaración
importpara importar el hook correspondiente de la biblioteca React. - Para esta tarea, se utilizará el hook
useStateya que se gestiona el estado de la visibilidad del párrafo. - Para determinar el nombre adecuado de la variable de estado, observar la función asociada con el establecimiento del estado, que es
setIsVisible. Eliminar el prefijo "set" y usar la primera letra en minúscula para el nombre de la variable, que debe serisVisible. - Para invocar la función
toggleVisibilitycuando se haga clic en el botón, asignarla como valor del atributoonClickdel botón.
¿Todo estuvo claro?
¡Gracias por tus comentarios!
Sección 3. Capítulo 3