Хуки React были представлены в версии 16.8 и дают разработчикам возможность создавать сложные компоненты без использования классов. До сих пор в серии мы рассмотрели useState, useEffect и useContext. В этой части мы рассмотрим хук useRef. Хук useRef дает разработчикам доступ к DOM способами, недоступными ранее в ReactJS.
Использование:
Использование хука useRef довольно просто после того, как вы его освоите. Предположим, например, что вы хотите сосредоточиться на определенном элементе ввода при загрузке страницы. Ниже приведен пример того, как это можно сделать:
Обратите внимание, как мы сначала инициализируем ссылку для ввода в inputEl, а затем устанавливаем ссылку для элемента ввода. Затем мы используем хук useEffect, чтобы придать этому элементу фокус при рендеринге компонента. Это очень простой пример того, что делает хук useRef таким мощным!
Заключение:
useRef предоставляет разработчикам доступ к DOM в новом интерфейсе, который ReactJS не предоставлял в прошлом. Я бы посоветовал любому разработчику, который хочет попробовать себя в написании ReactJS, иметь четкое представление о том, как его можно реализовать и использовать в новых и существующих проектах. Если вы хотите узнать больше о хуках, которые предоставляет React, ознакомьтесь с этим курсом: https://www.pntra.com/t/8-12462-281453-213588?sid=twitter&url=https%3A%2F%2Fwww .codecademy.com%2Flearn%2Freact-101
