Sobes.tech
Назад к вопросам
Senior
3

Какой хук позволяет хранить состояние, но НЕ вызывает рендер?

Компании, где спрашивали
АйтиФаундейшн

Ответ от нейросети

sobes.tech AI

В React хук useRef позволяет хранить изменяемое состояние, которое не вызывает повторный рендер компонента при изменении.

Пример использования:

import React, { useRef } from 'react';

function Timer() {
  const intervalId = useRef(null);

  const start = () => {
    intervalId.current = setInterval(() => {
      console.log('tick');
    }, 1000);
  };

  const stop = () => {
    clearInterval(intervalId.current);
  };

  return (
    <>
      <button onClick={start}>Start</button>
      <button onClick={stop}>Stop</button>
    </>
  );
}

Здесь intervalId.current хранит идентификатор таймера, и его изменение не приводит к перерисовке компонента.