Как useRef взаимодействует с DOM

`useRef` — это хук React, который позволяет создавать изменяемые объекты, сохраняющие своё значение между рендерами. Он может напрямую взаимодействовать с DOM-элементами, когда используется с атрибутом `ref`. **Основные моменты:** 1. **Ссылка на DOM-элемент:** ```jsx const inputRef = useRef(null); return ; ``` После монтирования `inputRef.current` будет содержать DOM-элемент ``. 2. **Изменение DOM:** Можно модифицировать свойства элемента: ```jsx useEffect(() => { inputRef.current.focus(); }, []); ``` 3. **Не вызывает ререндер:** В отличие от `useState`, изменение `ref.current` не приводит к повторному рендеру компонента. 4. **Использование вне DOM:** `useRef` может хранить любые изменяемые значения (числа, объекты), не связанные с DOM. **Ограничения:** - Не следует изменять DOM напрямую без веской причины (лучше использовать состояние). - `ref` нельзя использовать с функциональными компонентами (только с `forwardRef`).