Приведи практический пример использования useRef

useRef удобно использовать для фокуса на поле: ссылка на DOM сохраняется без отдельного состояния и повторного рендера.

Короткий ответ

Что ответить на собеседовании

useRef удобно использовать для фокуса на поле: ссылка на DOM сохраняется без отдельного состояния и повторного рендера.

Подробный разбор

Ответ с пояснениями

useRef удобно использовать для фокуса на поле: ссылка на DOM сохраняется без отдельного состояния и повторного рендера.

Пример React:

function Search() {
  const inputRef = useRef(null);
  return <>
    <input ref={inputRef} aria-label="Поиск" />
    <button type="button" onClick={() => inputRef.current?.focus()}>Перейти к поиску</button>
  </>;
}

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

ИИ-помощник для собеседований

Хочешь уверенно проходить собеседования?

Попробуй ИИ-помощник для собеседований: слышит вас и собеседника, анализирует экран, подсказывает ответы в реальном времени, работает без VPN и не попадает в захват экрана.

Подробнее