Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Desafio: Alternar Visibilidade com useState | React Hooks e Context para Gerenciamento de Estado
Domínio do React

bookDesafio: Alternar Visibilidade com useState

Tarefa

Criar um componente que inclua um botão e um parágrafo de texto. Implementar a lógica necessária utilizando o hook useState para alternar a visibilidade do parágrafo de texto quando o botão for clicado.

Instruções

  1. Importar o hook useState da biblioteca React.
  2. Declarar uma variável de estado chamada isVisible utilizando o hook useState. Inicializá-la com o valor false.
  3. Implementar uma função chamada toggleVisibility que, ao ser chamada, alterna o estado isVisible entre true e false.
  4. Utilizar a função toggleVisibility como o manipulador onClick do botão.
  1. Incluir uma declaração import para importar o hook apropriado da biblioteca React.
  2. Para esta tarefa, será utilizado o hook useState, pois estamos gerenciando o estado de visibilidade do parágrafo.
  3. Para determinar o nome apropriado da variável de estado, observe a função associada à definição do estado, que é setIsVisible. Remova o prefixo "set" e utilize a primeira letra minúscula para o nome da variável, que deve ser isVisible.
  4. Para invocar a função toggleVisibility quando o botão for clicado, atribua-a como valor do atributo onClick do botão.

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 3. Capítulo 3

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Awesome!

Completion rate improved to 2.17

bookDesafio: Alternar Visibilidade com useState

Deslize para mostrar o menu

Tarefa

Criar um componente que inclua um botão e um parágrafo de texto. Implementar a lógica necessária utilizando o hook useState para alternar a visibilidade do parágrafo de texto quando o botão for clicado.

Instruções

  1. Importar o hook useState da biblioteca React.
  2. Declarar uma variável de estado chamada isVisible utilizando o hook useState. Inicializá-la com o valor false.
  3. Implementar uma função chamada toggleVisibility que, ao ser chamada, alterna o estado isVisible entre true e false.
  4. Utilizar a função toggleVisibility como o manipulador onClick do botão.
  1. Incluir uma declaração import para importar o hook apropriado da biblioteca React.
  2. Para esta tarefa, será utilizado o hook useState, pois estamos gerenciando o estado de visibilidade do parágrafo.
  3. Para determinar o nome apropriado da variável de estado, observe a função associada à definição do estado, que é setIsVisible. Remova o prefixo "set" e utilize a primeira letra minúscula para o nome da variável, que deve ser isVisible.
  4. Para invocar a função toggleVisibility quando o botão for clicado, atribua-a como valor do atributo onClick do botão.

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 3. Capítulo 3
some-alt