Что такое Controlled компоненты в React

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