Как работает useRef

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