В чем разница между управляемыми и неуправляемыми компонентами

В React управляемые компоненты контролируются состоянием (state), а неуправляемые — напрямую DOM. **Управляемый компонент:** Значение поля формы хранится в состоянии и обновляется через `onChange`. ```jsx function ControlledInput() { const [value, setValue] = useState(''); return setValue(e.target.value)} />; } ``` **Неуправляемый компонент:** Значение получается из DOM через `ref` (например, при отправке формы). ```jsx function UncontrolledInput() { const inputRef = useRef(null); const handleSubmit = () => console.log(inputRef.current.value); return ; } ``` **Когда использовать:** - Управляемые — для валидации, динамических изменений. - Неуправляемые — для простых форм или интеграции с не-React кодом.