KolayReactFrontend

Controlled ve uncontrolled component farkı nedir?

Cevap

Controlled component'te input'un değeri React state'inde tutulur ve onChange ile güncellenir; tek doğru kaynak React'tir. Uncontrolled component'te değer DOM'da kalır ve gerektiğinde ref ile okunur.

// Controlled
const [ad, setAd] = useState("");
<input value={ad} onChange={e => setAd(e.target.value)} />

// Uncontrolled
const ref = useRef();
<input defaultValue="" ref={ref} />

Mülakat Defteri editörleri ·

  1. Virtual DOM nedir ve reconciliation nasıl çalışır?KolayReactFrontend
  2. Listelerde key prop neden önemlidir? Index kullanmak neden sorunludur?KolayReactFrontend
  3. useEffect bağımlılık dizisi nasıl çalışır?OrtaReactFrontend
  4. useMemo ile useCallback arasındaki fark nedir?OrtaReactFrontend
  5. Gereksiz render'ları nasıl tespit eder ve önlersiniz?ZorReactFrontend

Bu konuda başka bir soru biliyor musun?

Mülakatta karşılaştığın soruları ekle, onaylandıktan sonra yayına alınsın.

Soru ekle