Komponentdə dəyəri yenidən render etmədən necə saxlamaq olar?

React-də, komponentdə dəyəri yenidən render çağırışı olmadan saxlamaq üçün useRef hookundan istifadə edə bilərsiniz. useRef-də saxlanan dəyər renderlar arasında saxlanılır, lakin bu dəyəri dəyişdirmək komponentin yenidən render olunmasına səbəb olmur.

Nümunə:

import React, { useRef } from 'react';

function MənimKomponentim() {
  const countRef = useRef(0);

  const artır = () => {
    countRef.current += 1;
    console.log('Cari dəyər:', countRef.current);
    // Komponent yenidən render olunmayacaq
  };

  return <button onClick={artır}>Artır</button>;
}

Beləliklə, useRef UI-ya təsir etməyən və dəyişiklikdə yenidən render tələb etməyən hər hansı məlumatı saxlamaq üçün uyğundur.