Mount

Bileşen mount olayını öğrenirsin.

Mount

Bir bileşen ekrana ilk kez çizildiğinde mount olur. Bu, yaşam döngüsünün başlangıcıdır. Mount anında React önce bileşen işlevini çağırır, dönen JSX'i gerçek öğelere çevirir ve ekrana yerleştirir.

Mount olduktan sonra yan etkiler başlatılabilir: veri çekme, abonelik, zamanlayıcı kurma. Bunlar useEffect içine boş bağımlılık dizisiyle ([]) yazılır; böylece yalnızca bir kez çalışır.

İlk çizim

Mount anı, bileşenin ilk return değeri ekrana yerleştirildiğinde gerçekleşir. Bu aşamada state'in ilk değeri (useState'in başlangıç değeri) belirlenir ve JSX hazırlanır.

İlk çizimden sonra React, bileşeni bir daha çağırana kadar o halde kalır. Yeniden çağırma state ya da prop değişimiyle olur; bu update aşamasıdır. Mount yalnızca bir kez gerçekleşir.

Uygulama Mount anında log yaz

Bileşen mount olduğunda bir kez console.log('mount') yaz. useEffect kullan ve bağımlılık dizisini boş bırak.

Örnek çözümü göster

import React, { useState, useEffect } from 'react';
import { Text, View } from 'react-native';

export default function App() {
  const [ready, setReady] = useState(false);
  useEffect(() => {
    console.log('mount');
  }, []);
  return (
    <View>
      <Text>{ready ? 'Hazır' : 'Bekle'}</Text>
    </View>
  );
}

Kendini test et

Bir bileşen ne zaman mount olur?
- Her state değişiminde
- Yalnızca uygulamadan çıkınca
- İlk kez ekrana çizildiğinde
- Sadece stil güncellendiğinde
Cevabı göster

İlk kez ekrana çizildiğinde — Mount, bileşenin ekrana ilk çizildiği andır; sonraki değişimler update aşamasıdır.

Boş bağımlılık dizisi

useEffect(() => { load(); }, ____);

Cevabı göster

useEffect(() => { load(); }, []);

Kavramları eşleştir

mount

İlk çizim
unmount

Bileşeni silme
render

Ekrana çizmek
useEffect

Yan etki kancası

Sıradaki ders: Update

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler