Controlled и uncontrolled components: в чём разница?
Коротко
Controlled хранит значение в React state, uncontrolled хранит значение в DOM.
Controlled хранит значение в React state, uncontrolled хранит значение в DOM.
Сильный ответ должен раскрыть: source of truth; form validation; refs; performance trade-off.
Важно не допустить типичные ошибки: смешивать оба подхода; держать большой form state без причины; не учитывать validation.
Что хочет услышать интервьюер
source of truth
form validation
refs
performance trade-off
Пример: React example
<input value={value} onChange={e => setValue(e.target.value)} />
Типичные ошибки
смешивать оба подхода
держать большой form state без причины
не учитывать validation


