Özet - İleri useRef

Bir input'u forwardRef ile sarıp parent'tan odaklatırsın.

Özet - İleri useRef

Bu grupta useRef ile hesaplama önbelleği, DOM ölçümü ve forwardRef ile ref geçişini öğrendin. useRef çizim tetiklemeden değer tutar; useEffect içinde ölçüm yapılır; forwardRef ref'i alt bileşene iletir.

Bu üç teknik birlikte karmaşık etkileşimler kurar: önbellekli hesap, ölçüm tabanlı yerleşim ve erişilebilir alt bileşenler. Son adımda üçünü birleştireceksin.

Uygulama Özet forwardRef

Aşağıdaki iskeleti tamamla. FancyInput bileşenini forwardRef ile yaz; (props, ref) alsın ve <input ref={ref} {...props} /> döndürsün. Dışa aktar.

Örnek çözümü göster

import { forwardRef } from "react";

const FancyInput = forwardRef((props, ref) => {
  return <input ref={ref} {...props} />;
});

export default FancyInput;

Kendini test et

DOM ölçümü hangi hook ile yapılır?
- useState
- useCallback
- useEffect
- useMemo
Cevabı göster

useEffect — Ölçüm useEffect içinde yapılır.
Özet eşleştir

useRef

Değer tutar
useEffect

Ölçüm yapar
forwardRef

Ref iletir
current

Ref özelliği

Sıradaki ders: React Testing Library

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler