Чӣ тавр арзишро дар компонент бидуни даъвати дубора навсозӣ нигоҳ доштани?

Дар React, барои нигоҳ доштани арзиш дар компонент бе сабаби такрории рендер, шумо метавонед hook-ро useRef истифода баред. Арзиши нигоҳ дошташуда дар useRef байни рендерҳо нигоҳ дошта мешавад, аммо тағир додани ин арзиш такрори рендери компонентро намебарорад.

Масалан:

import React, { useRef } from 'react';

function МанКомпонент() {
  const countRef = useRef(0);

  const зиёдкунӣ = () => {
    countRef.current += 1;
    console.log('Арзиши ҳозира:', countRef.current);
    // Компонент такрор ба такрор рендер намешавад
  };

  return <button onClick={з зиёдкунӣ}>Зиёд кардан</button>;
}

Аз ин рӯ, useRef барои нигоҳ доштани ҳар гуна маълумот, ки ба UI таъсир намерасонад ва талаб намекунад, ки дар тағирот такрори рендер шавад, мувофиқ аст.