Как работает управление формами в React

В React управление формами можно реализовать двумя способами: управляемые (controlled) и неуправляемые (uncontrolled) компоненты. **Управляемые компоненты**: - Значения полей формы хранятся в состоянии компонента (state) - Изменения обрабатываются через обработчики событий (onChange) - React полностью контролирует состояние формы Пример: ```jsx function Form() { const [value, setValue] = useState(''); const handleChange = (e) => { setValue(e.target.value); }; return ; } ``` **Неуправляемые компоненты**: - Используют ref для доступа к DOM-элементам - Значения берутся напрямую из DOM при необходимости - Меньше кода, но меньше контроля Пример: ```jsx function Form() { const inputRef = useRef(); const handleSubmit = () => { console.log(inputRef.current.value); }; return ; } ``` Для сложных форм рекомендуются библиотеки типа Formik или React Hook Form.