Mount
- React Native kursu
- Orta seviye
- Ders 59/116
- 5 dk
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.
Başlangıç kodu
import React, { useState } from 'react';
import { Text, View } from 'react-native';
export default function App() {
const [ready, setReady] = useState(false);
// Mount anında log yaz
return (
<View>
<Text>{ready ? 'Hazır' : 'Bekle'}</Text>
</View>
);
}Örnek çözüm
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>
);
}Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 Bir bileşen ne zaman mount olur?
- Her state değişiminde
- Yalnızca uygulamadan çıkınca
- İlk kez ekrana çizildiğinde Doğru cevap
- Sadece stil güncellendiğinde
Açıklama: Mount, bileşenin ekrana ilk çizildiği andır; sonraki değişimler update aşamasıdır.
2 Boş bağımlılık dizisi
useEffect(() => { load(); }, ____);useEffect(() => { load(); }, []);Açıklama: Boş dizi, efektin yalnızca mount'ta çalışmasını sağlar.
3 Kavramları eşleştir
| Kavram | Anlamı |
|---|---|
mount |
İlk çizim |
unmount |
Bileşeni silme |
render |
Ekrana çizmek |
useEffect |
Yan etki kancası |