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

Контролируемый компонент в React — это элемент формы (например, ``, ``, `<select>`), значение которого управляется состоянием React, а не DOM. Значение и изменения обрабатываются через пропсы (`value` и `onChange`), что даёт полный контроль над данными. Пример: ```jsx function ControlledInput() { const [value, setValue] = useState(''); const handleChange = (e) => { setValue(e.target.value); }; return ; } ``` **Преимущества:** - Полный контроль над данными (валидация, форматирование) - Синхронизация с состоянием приложения - Предсказуемость (значение всегда соответствует state) **Недостаток:** требует больше кода по сравнению с неконтролируемыми компонентами.