Introdução a States no React
O próximo conceito que vamos analisar chama-se states (estados). Os estados representam variáveis reativas dos componentes.
Reatividade significa que, ao alterar um estado, as mudanças ocorrerão em todos os lugares onde esse estado é usado. Tecnicamente, isso é alcançado através da re-renderização de todo o componente quando qualquer estado é alterado.
Para usar estados, primeiro é necessário
importar a função useState:
import React, { useState } from 'react';
A função useState recebe como parâmetro
o valor inicial do estado e, como resultado,
retorna um array especial com dois elementos.
No primeiro elemento do array será armazenado
o valor atual do estado, e no segundo - a função
para alterar o estado.
Para o funcionamento correto dos estados, não é possível alterá-los diretamente; deve-se usar a função para modificá-los - somente então a reatividade funcionará.
