Kako sačuvati vrednost u komponenti bez pozivanja ponovnog renderovanja?

U React-u, za skladištenje vrednosti u komponenti bez izazivanja ponovnog renderovanja, možete koristiti hook useRef. Vrednost sačuvana u useRef ostaje između renderovanja, ali promena te vrednosti ne izaziva ponovno renderovanje komponente.

Primer:

import React, { useRef } from 'react';

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

  const povecaj = () => {
    countRef.current += 1;
    console.log('Trenutna vrednost:', countRef.current);
    // Komponenta se neće ponovo renderovati
  };

  return <button onClick={povecaj}>Povećaj</button>;
}

Dakle, useRef je pogodan za skladištenje bilo kojih podataka koji ne utiču na UI i ne zahtevaju ponovni render pri promeni.