Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Desafío: Alternar Visibilidad con useState | Hooks de React y Contexto para la Gestión de Estado
Dominio de React

bookDesafí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

  1. Importar el hook useState de la biblioteca React.
  2. Declarar una variable de estado llamada isVisible utilizando el hook useState. Inicializarla con el valor false.
  3. Implementar una función llamada toggleVisibility que, al ser llamada, alterne el estado de isVisible entre true y false.
  4. Utilizar la función toggleVisibility como el manejador onClick para el botón.
  1. Incluir una declaración import para importar el hook correspondiente de la biblioteca React.
  2. Para esta tarea, se utilizará el hook useState ya que se gestiona el estado de la visibilidad del párrafo.
  3. 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 ser isVisible.
  4. Para invocar la función toggleVisibility cuando se haga clic en el botón, asignarla como valor del atributo onClick del botón.

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 3. Capítulo 3

Pregunte a AI

expand

Pregunte a AI

ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

Suggested prompts:

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

bookDesafí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

  1. Importar el hook useState de la biblioteca React.
  2. Declarar una variable de estado llamada isVisible utilizando el hook useState. Inicializarla con el valor false.
  3. Implementar una función llamada toggleVisibility que, al ser llamada, alterne el estado de isVisible entre true y false.
  4. Utilizar la función toggleVisibility como el manejador onClick para el botón.
  1. Incluir una declaración import para importar el hook correspondiente de la biblioteca React.
  2. Para esta tarea, se utilizará el hook useState ya que se gestiona el estado de la visibilidad del párrafo.
  3. 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 ser isVisible.
  4. Para invocar la función toggleVisibility cuando se haga clic en el botón, asignarla como valor del atributo onClick del botón.

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 3. Capítulo 3
some-alt