Хук для создания ссылки на DOM-элемент

Ответ для собеседования

Для создания ссылки на DOM-элемент используется хук useRef().

Подробный ответ

Хук useRef() в React используется для создания ссылки на DOM-элемент или для хранения любого мутируемого значения, которое сохраняется между рендерами. Он возвращает объект с единственным свойством current, которое можно использовать для доступа к DOM-элементу напрямую.

Пример использования useRef() для создания ссылки на DOM-элемент:

В этом примере inputRef создается с помощью useRef() и передается атрибуту ref элемента <input>. В хуке useEffect(), который выполняется после монтирования компонента, устанавливается фокус на элемент input через inputRef.current.

Другие хуки, такие как useState(), useEffect(), и useCallback(), служат для управления состоянием, выполнения побочных эффектов и мемоизации функций соответственно, но не для создания ссылок на DOM-элементы. Именно useRef() является подходящим хуком для этой задачи.