Desafio: 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
- Importar o hook
useState
da biblioteca React. - Declarar uma variável de estado chamada
isVisible
utilizando o hookuseState
. Inicializá-la com o valorfalse
. - Implementar uma função chamada
toggleVisibility
que, ao ser chamada, alterna o estadoisVisible
entretrue
efalse
. - Utilizar a função
toggleVisibility
como o manipuladoronClick
do botão.
- Incluir uma declaração
import
para importar o hook apropriado da biblioteca React. - Para esta tarefa, será utilizado o hook
useState
, pois estamos gerenciando o estado de visibilidade do parágrafo. - 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 serisVisible
. - Para invocar a função
toggleVisibility
quando o botão for clicado, atribua-a como valor do atributoonClick
do botão.
Tudo estava claro?
Obrigado pelo seu feedback!
Seção 3. Capítulo 3
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo
Awesome!
Completion rate improved to 2.17
Desafio: 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
- Importar o hook
useState
da biblioteca React. - Declarar uma variável de estado chamada
isVisible
utilizando o hookuseState
. Inicializá-la com o valorfalse
. - Implementar uma função chamada
toggleVisibility
que, ao ser chamada, alterna o estadoisVisible
entretrue
efalse
. - Utilizar a função
toggleVisibility
como o manipuladoronClick
do botão.
- Incluir uma declaração
import
para importar o hook apropriado da biblioteca React. - Para esta tarefa, será utilizado o hook
useState
, pois estamos gerenciando o estado de visibilidade do parágrafo. - 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 serisVisible
. - Para invocar a função
toggleVisibility
quando o botão for clicado, atribua-a como valor do atributoonClick
do botão.
Tudo estava claro?
Obrigado pelo seu feedback!
Seção 3. Capítulo 3