Jak uložit hodnotu v komponentě bez volání znovu načtení?

V Reactu, pro uložení hodnoty v komponentě bez vyvolání rerenderu můžete použít hák useRef. Hodnota uložená v useRef přetrvává mezi renderováními, ale změna této hodnoty nevyvolá opětovné renderování komponenty.

Příklad:

import React, { useRef } from 'react';

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

  const zvětšit = () => {
    countRef.current += 1;
    console.log('Aktuální hodnota:', countRef.current);
    // Komponenta se nebude znovu renderovat
  };

  return <button onClick={zvětšit}>Zvětšit</button>;
}

Proto je useRef vhodný pro uchovávání jakýchkoli dat, která neovlivňují UI a jejichž změna nevyžaduje rerender.