Kaip saugoti reikšmę komponentoje neiškviečiant perkurimo?

React'e, norint saugoti reikšmę komponento viduje be pakartotinio perrinkimo, galite naudoti hook'ą useRef. useRef saugoma reikšmė išlieka tarp perrinkimų, tačiau jos keitimas nekelia pakartotinio komponento perrinkimo.

Pavyzdys:

import React, { useRef } from 'react';

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

  const padidinti = () => {
    countRef.current += 1;
    console.log('Dabartinė reikšmė:', countRef.current);
    // Komponentas nebus perrinktas iš naujo
  };

  return <button onClick={padidinti}>Padidinti</button>;
}

Todėl useRef tinka saugoti bet kokius duomenis, kurie neveikia UI ir nereikalauja pakartotinio perrinkimo keičiantis reikšmei.