Ako uložiť hodnotu v komponente bez volania znovu načítania?

V React-e, za shranjevanje vrednosti v komponenti brez sprožitve ponovnega renderiranja, lahko uporabite hook useRef. Vrednost, shranjena v useRef, ostane med renderji, vendar sprememba te vrednosti ne sproži ponovnega renderja komponente.

Primer:

import React, { useRef } from 'react';

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

  const povečaj = () => {
    countRef.current += 1;
    console.log('Trenutna vrednost:', countRef.current);
    // Komponenta se ne bo ponovno renderirala
  };

  return <button onClick={povečaj}>Povečaj</button>;
}

Torej, useRef je primeren za shranjevanje vseh vrst podatkov, ki ne vplivajo na UI in ne zahtevajo ponovnega renderja ob spremembi.