Formulários e Controlled Inputs

Parte do curso de React

Digite uma letra num <input> HTML comum e o navegador cuida de tudo sozinho: o elemento do DOM guarda discretamente o que você digitou, e ninguém mais precisa ficar sabendo. Isso funciona bem até a sua aplicação precisar saber o que está dentro da caixa neste exato momento, para validar o conteúdo, deixar um botão desabilitado enquanto o valor não estiver certo, ou mandar o texto para algum lugar no envio.

Imagine um quadro branco com um intermediário ao lado: ninguém pode escrever direto no quadro, todos dizem ao intermediário o que querem escrever, ele anota nas próprias notas e depois copia essas notas para o quadro. Esquisito para um quadro branco, mas assim o intermediário sempre tem uma cópia exata e atualizada do que está no quadro, a cada instante, sem nunca precisar ir até lá para ler.