Desafio: Alternar Visibilidade com Estado

Tarefa

Crie um componente que inclua um botão e um parágrafo de texto. Implemente 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. Importe o hook useState da biblioteca React.
2. Declare uma variável de estado chamada isVisible utilizando o hook useState. Inicialize-a com o valor false.
3. Implemente uma função chamada toggleVisibility que, quando chamada, alterna o estado isVisible entre true e false.
4. Utilize a função toggleVisibility como o manipulador onClick do botão.

1. Inclua uma declaração import para importar o hook apropriado da biblioteca React.
2. Para esta tarefa, utilizaremos o hook useState, pois estamos gerenciando o estado de visibilidade do parágrafo.
3. Para determinar o nome apropriado para a 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.