useRef удобно использовать для фокуса на поле: ссылка на DOM сохраняется без отдельного состояния и повторного рендера.
Приведи практический пример использования useRef
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-ссылки происходит в обработчике события, когда элемент уже смонтирован.