Для чего используется React-хук useRef?

Хук useRef в React используется для создания изменяемого объекта, который сохраняется между рендерами компонента. Основные применения useRef:

• Хранение ссылки на DOM-элемент для прямого доступа (например, фокусировка на input).
• Сохранение любого мутируемого значения, которое не вызывает повторный рендер при изменении.

Пример использования useRef для доступа к DOM:

import React, { useRef } from 'react';

function InputFocus() {
  const inputEl = useRef(null);
  const onButtonClick = () => {
    inputEl.current.focus();
  };
  return (
    <>
      <input ref={inputEl} type="text" />
      <button onClick={onButtonClick}>Фокус на input</button>
    </>
  );
}

Таким образом, useRef позволяет хранить данные или ссылки, которые не влияют на жизненный цикл рендера компонента.