XP 0

useState

Criando um estado

Para criar um estado, use useState, passando o valor inicial. Ele devolve um par:

const [qtd, setQtd] = useState(0);
  • qtd — o valor atual (comece lendo)
  • setQtd — a função que muda o valor
  • 0 — o valor inicial

⚠️ Regra de ferro: nunca mude o estado direto (qtd = qtd + 1 ❌). Sempre use a função set (setQtd(qtd + 1) ✅). Só a função set avisa o React que algo mudou — mexer na variável na mão o React não percebe, e a tela não atualiza.

🧠 Modelo mental: qtd é o mostrador; setQtd é o botão oficial de trocar o número. Trocar o mostrador na marra não conta.

Pontos-chave

  • const [valor, setValor] = useState(inicial)
    o par do estado: valor de ler + função de mudar.