Online IDE — Tarayıcıda Kod Oyun Alanı ve Eğitim Platformu

useEffect ile Yan Etkiler

⚛️ React · ileri · +40 XP

Sv 1 · 0/100 XPSonraki

useEffect — render sonrası koşar

useEffect(() => {
  console.log("Bileşen ekrana geldi");

  return () => {
    console.log("Temizlik: bileşen gitti");
  };
}, []); // [] → sadece ilk mount'ta

Bağımlılık dizisi

[] → sadece bir kez (mount)
~~[sayi]~~ → sayi değişince tekrar çalışır
yoksa → her render'da

Klasik hata: sızıntı

Zamanlayıcı/abonelik açtıysan cleanup ile kapat:
~~return () => clearInterval(id)~~

Görev

~~Zamanlayici~~: mount'ta ~~window.__montSayisi~~'ni 1 artırsın (ilk değer 0'a eşitlenmiş halde), bir de her 1000ms'de ~~window.__tikSayisi~~'ni 1 artıran interval açsın ve unmount'ta temizlesin. Render hazır.

AI Eğitmen

Çözümü vermez; seni düşünmeye yönlendirir. Her istekte ipucu biraz daha somutlaşır.

önceki: Kontrollü Formlar

ders.tsx

Editör yükleniyor…

Test Sonuçları

Kodunu yaz ve Testleri Çalıştır'a bas. Testler senin fonksiyonlarını çağırıp sonuçları kontrol eder; hata varsa konsol çıktıları ve hata mesajları burada görünür.