State com useState

Parte do curso de React

Todo componente que você escreveu até agora renderiza a mesma saída para as mesmas props, sempre. Isso serve para um título ou um card, mas desmorona no instante em que você precisa de algo que o usuário possa mudar enquanto olha a página: um contador que sobe ao ser clicado, um interruptor que liga e desliga, um campo de texto que mostra o que você acabou de digitar. Uma variável comum de JavaScript não dá conta.

Pense em cada renderização de um componente como uma única fotografia, tirada num instante, de como o componente estava dadas as props e o estado daquele momento. Quando você chama a função de um componente, o JavaScript roda de cima a baixo exatamente uma vez e produz um instantâneo: o JSX que ela retorna. ...