Formularios y Controlled Inputs

Parte del curso de React

Escribe una letra en un <input> de HTML normal y el navegador se encarga de todo: el elemento del DOM va guardando en silencio lo que has tecleado y no hace falta avisar a nadie más. Eso vale hasta que tu aplicación necesita saber qué hay en la caja ahora mismo, para validarlo, para dejar un botón desactivado hasta que tenga buena pinta o para enviarlo a algún sitio al confirmar.

Imagina una pizarra con un intermediario al lado: nadie puede escribir en la pizarra directamente, sino que le dicen al intermediario qué quieren escribir, este actualiza sus propias notas y luego las copia a la pizarra. Para una pizarra es incomodísimo, pero significa que el intermediario tiene en todo momento una copia exacta y al día de lo que hay en ella, sin necesidad de acercarse a leerla.