Aplicação React: Gerador de Número Aleatório
Aprenda neste projeto a gerar um número aleatório utilizando State Hook e o evento onClick.
Projeto já adicionado aos favoritos. Clique aqui para ver todos seus favoritos
Obrigado pela sua avaliação, deixe o seu feedback nos comentários :D
Introdução
O exemplo criado neste curso pode ser visualizado na Figura 1.
Quando o usuário clicar no botão Gerar numero, um número aleatório será exibido no label acima.
O que vamos aprender?
No curso React: Criando meus primeiros componente você aprendeu a criar componentes. Neste projeto daremos um passo à frente e aprenderemos os conceitos:
- State Hook
- Evento onClick
O que é State Hook?
O State Hook (useState), basicamente nos permite criar uma variável que ao mudar de valor, automaticamente, será alterada na tela do usuário.
Por exemplo, se a variável nomeProduto for alterada, precisamos que o usuário veja o novo nome do produto - o React permite que isso aconteça de forma automática - ou - reativa, como o nome da tecnologia implica.
O que é o evento onClick?
Ao clicar em um botão é comum que algo aconteça. Para chamarmos esta ação utilizamos o evento onClick.
Neste exemplo, quando o usuário clicar no botão, o código associado ao evento onClick será executado (a geração do número aleatório).
Saiba mais Veja o Curso React: Gerando um Número Aleatório