Bir bileşende yeniden render çağrısı yapmadan nasıl değer saklanır?

React'ta, bir bileşende değeri yeniden render çağrısı olmadan saklamak için useRef kancasını kullanabilirsiniz. useRef içinde saklanan değer, yeniden renderlar arasında korunur, ancak bu değeri değiştirmek bileşenin tekrar render edilmesini tetiklemez.

Örnek:

import React, { useRef } from 'react';

function BenimBileşenim() {
  const countRef = useRef(0);

  const artir = () => {
    countRef.current += 1;
    console.log('Mevcut değer:', countRef.current);
    // Bileşen yeniden render edilmez
  };

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

Bu nedenle, useRef UI'yi etkilemeyen ve değişiklikte yeniden render gerektirmeyen herhangi bir veriyi saklamak için uygundur.