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