Kuidas salvestada väärtus komponendis ilma uuesti renderdamist kutsumata?

React'is saate hoida väärtust komponendis ilma uuesti renderdamata, kasutades hook'i useRef. useRef-is salvestatud väärtus säilib render'ide vahel, kuid selle väärtuse muutmine ei põhjusta komponendi uuesti renderdamist.

Näide:

import React, { useRef } from 'react';

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

  const suurenda = () => {
    countRef.current += 1;
    console.log('Praegune väärtus:', countRef.current);
    // Komponent ei renderdu uuesti
  };

  return <button onClick={suurenda}>Suurenda</button>;
}

Seega on useRef sobiv iga andmete salvestamiseks, mis ei mõjuta UI-d ja ei nõua uuesti renderdamist muutmisel.