Как работает useRef и что он возвращает?

useRef — это способ хранить данные, которые переживают рендер, но не влияют на UI.

Определение

useRef — это хук, который возвращает стабильный объект вида { current: value }.

const inputRef = useRef(null);

Поведение current

Особенности:

• значение сохраняется между рендерами

• изменение current не вызывает обновление компонента

• ссылка на объект остаётся неизменной

Доступ к DOM

Частый сценарий — работа с DOM-элементами:

<input ref={inputRef} />
// inputRef.current указывает на DOM-элемент

Хранение служебных данных

useRef используют для:

• таймеров

• предыдущих значений

• флагов и счётчиков

Чем useRef отличается от useState

В отличие от useState:

• useRef не вызывает перерендер

• подходит для данных, не влияющих на отображение

Краткий вывод

useRef хранит мутабельные данные между рендерами без влияния на UI. Это удобный инструмент для работы с DOM и служебным состоянием.