Как использовать с UseRef

`useRef` создаёт мутабельный объект, который сохраняет своё значение между рендерами и не вызывает ререндер при изменении. Основные сценарии использования: 1. **Доступ к DOM-элементам** ```jsx function TextInput() { const inputRef = useRef(null); useEffect(() => { inputRef.current.focus(); // фокус на инпут при монтировании }, []); return ; } ``` 2. **Хранение мутабельных значений** ```jsx function Counter() { const countRef = useRef(0); // не вызывает ререндер при изменении const increment = () => { countRef.current += 1; console.log(countRef.current); }; return Click; } ``` 3. **Сохранение предыдущего значения** ```jsx function Component({ value }) { const prevValue = useRef(); useEffect(() => { prevValue.current = value; // сохраняем предыдущее значение }, [value]); } ``` Важно: изменение `ref.current` не вызывает ререндер! Для хранения значений, влияющих на UI, используйте `useState`.