230просмотров
3 июня 2024 г.
Score: 253
Используем Хук useRef для хранения переменных. Мы привыкли использовать useRef как ссылку на DOM элемент. Обычно это выглядит примерно так: const buttonRef = useRef(null);
return <button ref={buttonRef}>Button text</button> Таким образом можем получить размер элемента, установить фокус и так далее. Другой вариант использования useRef - хранение любых данных, например переменной: const someRef = useRef(5);
console.log(someRef.current) // 5 Хук возвращает объект со свойством current, в котором хранится наша переменная. Данная переменная не будет создаваться каждый раз при обновлении компонента, и её изменение также не приведет к обновлению компонента. Получаем переменную, которая остается неизменной пока мы сами не решим изменить её. Документация React useRef Типичный веб разработчик