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.
Obrigado pelo seu feedback!
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo
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?
Incrível!
Completion taxa melhorada para 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.
Obrigado pelo seu feedback!