Как работать с неуправляемым компонентом

Неуправляемый компонент в React — это компонент, состояние которого управляется DOM, а не React. Для работы с ним используем `ref`: ```jsx import { useRef } from 'react'; function UncontrolledInput() { const inputRef = useRef(null); const handleSubmit = (e) => { e.preventDefault(); console.log(inputRef.current.value); // Получаем значение напрямую из DOM }; return (

Submit

); } ``` Ключевые моменты: 1. Используем `useRef` для доступа к DOM-элементу 2. Значение получаем только при необходимости (например, при отправке формы) 3. React не отслеживает изменения в реальном времени 4. Полезно для интеграции с не-React кодом или для оптимизации Для работы с формами можно использовать `FormData` или `new FormData(event.target)`.