Hogyan tároljunk értéket egy komponensben anélkül, hogy újrarenderelnénk?

React-ben az érték tárolására egy komponensben anélkül, hogy újrarenderelést okozna, használhatod a useRef hookot. A useRef-ben tárolt érték a renderelések között megmarad, de ennek az értéknek a módosítása nem vált ki újra renderelést a komponensben.

Példa:

import React, { useRef } from 'react';

function SajátKomponens() {
  const countRef = useRef(0);

  const növel = () => {
    countRef.current += 1;
    console.log('Aktuális érték:', countRef.current);
    // A komponens nem fog újra renderelni
  };

  return <button onClick={növel}>Növel</button>;
}

Ezért a useRef alkalmas bármilyen adatok tárolására, amelyek nem befolyásolják a UI-t, és nem igényelnek újrarenderelést változtatáskor.