InstruçÔes
Passo 12
Agora é hora de usar sua função
handleToggleVisibility.
Nas liçÔes anteriores, vocĂȘ aprendeu sobre o Sistema de Evento SintĂ©tico do React e como trabalhar com atributos como onClick e onSubmit.
Lembre-se de que vocĂȘ pode passar uma referĂȘncia de função para um atributo onClick assim:
function handleClick() {
console.log("Button clicked!");
}
<button onClick={handleClick}>Click Me</button>;
Atualize seu elemento button existente para adicionar um atributo onClick e passar uma referĂȘncia de função handleToggleVisibility.
Agora, quando vocĂȘ clicar no botĂŁo, verĂĄ a visibilidade do texto do parĂĄgrafo alternar entre oculto e exibido na pĂĄgina.
O que fazer:
Testes:
- Quando o `toggle-button` for clicado, a mensagem `"I love G.E.A.R ACADEMY!"` deve aparecer na tela.
Preview