В React для хранения значения в компоненте без вызова ререндера можно использовать хук useRef. Значение, хранящееся в useRef, сохраняется между рендерами, но изменение этого значения не вызывает повторный рендер компонента.

Пример:

import React, { useRef } from 'react';

function MyComponent() {
  const countRef = useRef(0);

  const increment = () => {
    countRef.current += 1;
    console.log('Текущее значение:', countRef.current);
    // Компонент не перерисуется
  };

  return <button onClick={increment}>Увеличить</button>;
}

Таким образом, useRef подходит для хранения любых данных, которые не влияют на UI и не требуют ререндера при изменении.

Как хранить значение в компоненте без вызова ререндера?