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

Question

Изменение ref.current не вызывает перерендер компонента.React не отслеживает изменения внутри ref.Это сделано намеренно для хранения служебных данных.Поэтому useRef подходит для значений, которые не должны влиять на UI.

YeaHub · Accepted Answer

Важно чётко понимать, какие изменения 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.