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