Что такое контролируемые и неконтролируемые компоненты?

У контролируемого input значение задаётся состоянием React и обновляется через обработчик. У неконтролируемого текущее значение хранится в DOM и читается при необходимости.

Пример контролируемого — value вместе с onChange, неконтролируемого — defaultValue и ref или FormData. defaultValue задаёт начальное значение, а не управляет каждым вводом. Важно не переключать поле случайно между режимами через undefined; выбор зависит от валидации, взаимодействий и используемой формы.