Qanday qilib komponentda qiymatni qayta render qilmasdan saqlash mumkin?

Reactda, komponentda qiymatni saqlash uchun, qayta render qilmasdan, useRef hookidan foydalanish mumkin. useRefda saqlangan qiymat renderlar orasida saqlanadi, lekin bu qiymatni o'zgartirish komponentning qayta render qilinishiga olib kelmaydi.

Misol:

import React, { useRef } from 'react';

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

  const oshirish = () => {
    countRef.current += 1;
    console.log('Hozirgi qiymat:', countRef.current);
    // Komponent qayta render qilinmaydi
  };

  return <button onClick={oshirish}>Oshirish</button>;
}

Shuning uchun, useRef UI ga ta'sir qilmaydigan va o'zgarishda qayta render qilishni talab qilmaydigan har qanday ma'lumotlarni saqlash uchun mos keladi.