Встречается на собеседованиях • сегодня

Какие данные помимо DOM можно хранить в useRef

useRef можно использовать для хранения любых мутабельных значений, не только DOM-элементов. Главное — они не должны влиять на рендер.

Примеры использования:

jsx
const timerRef = useRef(null); // таймер
const prevValueRef = useRef(value); // предыдущее значение пропса
const complexObjRef = useRef({ data: [] }); // сложный объект

// Доступ через .current
timerRef.current = setTimeout(() => {}, 1000);

text

Ключевые особенности:
- Значение сохраняется между рендерами
- Изменение ref не вызывает ререндер
- Подходит для значений, которые нужно сохранить, но которые не используются в JSX
- Часто используется для хранения предыдущих значений, таймеров, WebSocket-соединений и т.д.
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы