Özet - useEffect

Bir pencere boyutu değişimini dinleyen bir kanca yazarsın.

Özet - useEffect

Bu grupta useEffect'i öğrendin. Yan etkileri render'dan sonraya taşır; ilk render dahil her çizimden sonra çağrılır.

Bağımlılık dizisi ne zaman çalışacağını söyler: [] ilk render, [deps] değişince, yoksa her render. Temizlik fonksiyonu kaynağı bırakır.

Doğru bağımlılık ve temizlik, sağlıklı effect'lerin anahtarıdır.

Uygulama useEffect özet görevi

Aşağıdaki iskeleti tamamla. Logger bileşeni yaz; useState ve useEffect'i içe aktar. const [n, setN] = useState(0); tanımla. useEffect(() => { console.log(n); }, [n]); çağır. <button onClick={() => setN(n + 1)}>{n}</button> döndür. Dışa aktar.

Örnek çözümü göster

import { useState, useEffect } from "react";

function Logger() {
  const [n, setN] = useState(0);
  useEffect(() => { console.log(n); }, [n]);
  return <button onClick={() => setN(n + 1)}>{n}</button>;
}

export default Logger;

Kendini test et

Aşağıdakilerden hangisi yanlış?
```
Cleanup prevents leaks.
```
- useEffect render'dan sonra çalışır
- temizlik hiç gerekmez
- [count] count değişince çalışır
- [] ilk render demektir
Cevabı göster

temizlik hiç gerekmez — Temizlik kaynak varsa zorunludur.
Özet - useEffect: kavramları eşleştir

useEffect

Yan etki hook'u
[]

İlk render
[deps]

Değişince
return () => ...

Temizlik

Sıradaki ders: Context nedir?

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler