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
useStateda biblioteca React. - Declarar uma variável de estado chamada
isVisibleutilizando o hookuseState. Inicializá-la com o valorfalse. - Implementar uma função chamada
toggleVisibilityque, ao ser chamada, alterna o estadoisVisibleentretrueefalse. - Utilizar a função
toggleVisibilitycomo o manipuladoronClickdo botão.
- Incluir uma declaração
importpara 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
toggleVisibilityquando o botão for clicado, atribua-a como valor do atributoonClickdo 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
useStateda biblioteca React. - Declarar uma variável de estado chamada
isVisibleutilizando o hookuseState. Inicializá-la com o valorfalse. - Implementar uma função chamada
toggleVisibilityque, ao ser chamada, alterna o estadoisVisibleentretrueefalse. - Utilizar a função
toggleVisibilitycomo o manipuladoronClickdo botão.
- Incluir uma declaração
importpara 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
toggleVisibilityquando o botão for clicado, atribua-a como valor do atributoonClickdo botão.
Tudo estava claro?
Obrigado pelo seu feedback!
Seção 3. Capítulo 3