Как работает хук UseRef

`useRef` создает мутируемый объект, который сохраняет свое значение между рендерами, но не вызывает ререндер при изменении. Основные сценарии использования: 1. **Доступ к DOM-элементам** ```jsx const inputRef = useRef(null); // ... // Позже можно: inputRef.current.focus() ``` 2. **Хранение мутируемых значений** ```jsx const renderCount = useRef(0); useEffect(() => { renderCount.current += 1; // Не вызывает ререндер }); ``` Ключевые особенности: - `ref.current` инициализируется переданным значением (`null` по умолчанию) - Изменения `current` не триггерят ререндер - Значение сохраняется между рендерами (в отличие от локальных переменных) - Не использовать для значений, влияющих на отрисовку (для этого `useState`)