O projeto está inativo

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.

2

Introdução

O exemplo criado neste curso pode ser visualizado na Figura 1.

Aplicação final
Figura 1. Exemplo criado

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
Suporte ao aluno - Deixe a sua dúvida.
FAÇA PARTE DESSE TIME
Faça parte dessa comunidade 100% focada em programação e tenha acesso ilimitado. Nosso compromisso é tornar a sua experiência de estudo cada vez mais dinámica e eficiente. Portanto, se você quer programar de verdade seu lugar é aqui. Junte-se a mais de...
+ 800 Mil programadores
Conheça agora!
Teste Grátis
  • Guias de Tecnologia
  • Cursos
  • Exercícios
  • Projetos completos
  • DevCasts
  • Artigos
  • Suporte em tempo real

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários. Para saber mais sobre o uso de cookies,
consulte nossa política de privacidade. Ao continuar navegando em nosso site, você concorda com a nossa política.

Aceitar