Dados que mudam com o uso

Props vêm de fora e não mudam. Mas e um dado que muda com a interação — o nº de itens no carrinho, o texto digitado, um menu aberto/fechado? Isso é estado.

🧠 Modelo mental: props é o que o componente recebe (de fora, fixo); estado é o que ele lembra e controla (por dentro, mutável). Um cartão de produto recebe o nome por prop; um carrinho guarda a quantidade em estado.

A diferença crucial: quando o estado muda, o React redesenha a tela — automaticamente. É por isso que estado é especial (e não uma variável comum). Você vai ver como isso funciona nas próximas aulas.