Вызывает ли изменение ref.current перерендер компонента?

Важно чётко понимать, какие изменения React отслеживает, а какие — нет.

Определение

ref.current — это мутабельное поле объекта, возвращаемого useRef, изменения которого не участвуют в механизме рендеринга React.

Почему перерендер не происходит

React:

• отслеживает изменения state и props

• не подписывается на изменения ref.current

• считает ref хранилищем вне UI-логики

const countRef = useRef(0);

countRef.current += 1;
// компонент не перерендерится

Когда это полезно

Такое поведение удобно для:

• хранения таймеров

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

• счётчиков, не влияющих на интерфейс

• интеграций с внешними API

Частая ошибка

Новички часто:

• пытаются хранить данные UI в ref

• ожидают автоматическое обновление интерфейса

Если данные влияют на отображение, нужно использовать useState.

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

Изменение ref.current не вызывает перерендер. useRef предназначен для данных, не связанных с UI.