Компонентте маанини кайра чагылдырбастан сактоо үчүн кантип?

Reactте, компонентте маанини сактоо үчүн кайра рендерди чакырбастан, useRef хукун колдонсо болот. useRefте сакталган мааниси рендерлер ортосунда сакталат, бирок бул маанини өзгөртүү компоненттин кайра рендерделишине себеп болбойт.

Мисал:

import React, { useRef } from 'react';

function МенинКомпонентим() {
  const countRef = useRef(0);

  const көбөйтүү = () => {
    countRef.current += 1;
    console.log('Учурдагы мааниси:', countRef.current);
    // Компонент кайра рендерделбейт
  };

  return <button onClick={көбөйтүү}>Көбөйтүү</button>;
}

Ошондуктан, useRef UIга таасир этпеген жана өзгөртүлгөндө кайра рендер талап кылбаган бардык маалыматтарды сактоо үчүн ылайыктуу.