useEffect nedir?

useEffect ile bileşen çizildikten sonra yan etkiler yapmayı öğrenirsin.

useEffect nedir?

Bileşenler çizilirken yan etkiler (effect) yapmak için useEffect kullanılır: veri çekme, abonelik, zamanlayıcı, DOM değişikliği. Bunlar render sırasında yapılamaz.

Yazım: useEffect(() => { ... }). İçerideki fonksiyon render'dan sonra çalışır. İlk render dahil her çizimden sonra çağrılır.

İleride bağımlılık dizisi ile ne zaman çalışacağını kontrol edeceğiz; şimdilik temel kavramı öğreniyoruz.

Yan etkiler

Yan etki, render dışında kalan her şeydir: ağ isteği, zamanlayıcı, abonelik, DOM değişikliği. Bunları render içinde yaparsan React karışır.

useEffect bunları render'dan sonraya taşır. Böylece render saf kalır; aynı girdi hep aynı çıktıyı verir.

Bu ayrım, React'in öngörülebilir olmasını sağlar.

Uygulama Başlık effect'i

Aşağıdaki iskeleti tamamla. TitlePage bileşeni yaz; useEffect'i içe aktar. useEffect(() => { document.title = "Sayfa"; }); çağır. <h1>İçerik</h1> döndür. Dışa aktar.

Örnek çözümü göster

import { useEffect } from "react";

function TitlePage() {
  useEffect(() => { document.title = "Sayfa"; });
  return <h1>İçerik</h1>;
}

export default TitlePage;

Kendini test et

useEffect ne zaman çalışır?
```
The render phase must stay pure.
```
- Sadece unmount'ta
- Render sırasında
- Render'dan sonra
- Asla
Cevabı göster

Render'dan sonra — useEffect render'dan sonra çalışır.

useEffect nedir: eksik parçayı tamamla

useEffect(() => { ____ })

Cevabı göster

useEffect(() => { document.title = "Merhaba" })

useEffect nedir: kavramları eşleştir

useEffect

Yan etki hook'u
fetch

Veri çekme
setTimeout

Zamanlayıcı
document.title

DOM değişikliği

Sıradaki ders: Bağımlılık dizisi

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler