Kā saglabāt vērtību komponentā, neizsaucot pārrenderēšanu?

Reactā, lai saglabātu vērtību komponentā bez atkārtotas pārkrāsošanas, jūs varat izmantot useRef hook. Vērtība, kas saglabāta useRef, pastāv starp pārkrāsošanām, bet tās maiņa neizraisa komponenta atkārtotu pārkrāsošanu.

Piemērs:

import React, { useRef } from 'react';

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

  const palielināt = () => {
    countRef.current += 1;
    console.log('Pašreizējā vērtība:', countRef.current);
    // Komponente netiks atkārtoti pārkrāsota
  };

  return <button onClick={palielināt}>Palielināt</button>;
}

Tādēļ useRef ir piemērots jebkādu datu glabāšanai, kas neietekmē UI un neprasa atkārtotu pārkrāsošanu, mainoties.