Можно ли хранить в ref данные, помимо ссылок на DOM-элементы?

Question

Да, в ref можно хранить любые мутабельные значения. Ref — это контейнер для данных, которые могут меняться, но не должны вызывать перерендер при изменении.

YeaHub · Accepted Answer

Что такое ref:Ref — это объект с свойством current, которое может содержать любое значение. В отличие от состояния, изменение ref не вызывает повторный рендер компонента.Что можно хранить в ref:Ссылки на DOM-элементыТаймеры и интервалыЛюбые мутабельные значенияПредыдущие значения состоянияСложные вычисления, которые не должны триггерить рендерПример использования:function TimerComponent() { const intervalRef = useRef(null); const startTimer = () => { intervalRef.current = setInterval(() => { console.log('Timer tick'); }, 1000); }; const stopTimer = () => { clearInterval(intervalRef.current); }; return (

); }Важные особенности:Изменение ref не вызывает ререндерRef сохраняется между рендерами компонентаЗначение ref доступно немедленно после обновленияКогда использовать ref вместо state:Для значений, которые не влияют на отображениеДля хранения предыдущих значенийДля таймеров и подписок на события