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

Контролируемый компонент — значение формы хранится в React-состоянии, и React полностью управляет им через value + onChange. Неконтролируемый компонент — значение хранится в DOM, и React читает его через ref при необходимости. Контролируемые компоненты дают полный контроль (валидация, форматирование), неконтролируемые проще для простых случаев.