Почему изменение значения ref не вызывает перерендер?

Question

ref используется для хранения мутабельных значений.Изменение ref.current не отслеживается React.Ререндер вызывается только изменением state или props.ref не участвует в процессе рендера.

YeaHub · Accepted Answer

В React есть четкое разделение между данными, влияющими на UI, и вспомогательными значениями.Определениеref — это объект с полем current, предназначенный для хранения значений, которые не должны вызывать перерендер.Почему ref не вызывает ререндерReact не отслеживает изменения ref.current, потому что:ref не участвует в reconciliationref предназначен для императивных операцийАвтоматический ререндер снизил бы производительностьПример:const countRef = useRef(0);

countRef.current += 1; // ререндер не происходит
Когда использовать refref применяется для:доступа к DOM-элементамхранения таймеров и idсохранения предыдущих значенийработы с внешними библиотекамиСравнение со statestate:вызывает ререндериспользуется для UIref:не вызывает ререндериспользуется для служебных данныхВыводref не вызывает перерендер, потому что он не предназначен для управления UI. Если изменение должно отразиться в интерфейсе, нужно использовать state.