Controlled vs uncontrolled компоненты — в чём разница?

В controlled компоненте React управляет значением инпута через state — value и onChange обязательны. Каждый символ проходит через setState. В uncontrolled компоненте значение хранится в DOM, доступ через ref. Controlled даёт полный контроль — валидация на лету, форматирование, блокировка ввода. Uncontrolled проще для простых форм и интеграции со сторонним кодом. React рекомендует controlled, но для файловых инпутов только uncontrolled.