⚡ useRef Nedir?
React hook’udur,
DOM referansları
veya
mutasyonlu değerler
saklamak için kullanılır.
Component render’ı tetiklemeden değer tutar.
Değerler
synchronous
çalışır, yani state gibi asenkron değildir.
⚡ State vs Ref
Özellik
useState
useRef
Component render
Trigger eder
Etkilemez
Güncelleme
Asenkron
Senkron
Kullanım
UI güncellemeleri
DOM referansı veya mutable değerler
⚡ useRef Kullanımı
const inputRef = useRef(null)
şeklinde tanımlanır.
İlgili bileşenin prop’una
ref={inputRef}
eklenir.
Let ile tanımlanan değer
her render’da sıfırlanır
, mutable değerler için
useRef kullanmalıyız
.
⚡ Ekstra Notlar
useRef,
timer ID’leri
,
previous value
saklamak veya
DOM elemanına doğrudan erişim
için idealdir.
React’in render döngüsüne dahil olmayan,
mutable veri saklama alanı
sağlar.