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.
¡Gracias por tus comentarios!
Pregunte a AI
Pregunte a AI
Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla
Can you explain how the useState hook works in this example?
What does the toggleVisibility function do?
How does the button control the visibility of the paragraph?
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.
¡Gracias por tus comentarios!