İçeriğe geç

Component Lifecycle Döngüsü Kullanımı


Constructor -> Render -> ComponentDidMount -> componentDidUpdate -> ComponentWillUnmount

lifecycle döngüsünde öncelikle her zaman render yapılmak zorunluluğu vardır.

Uygulama ilk açıldığında çalışabilir.
Butona tıklandığında çalışabilir.
Belli bir süre sonra çalışabilir.
Ekranda görülür görünmez çalıştırabilir.
Güncelleme olduğunda çalıştırabilir.

Constructor: State başlatmak için component bazı ayarlamalar için kullanılır.

render: İçeriği ekranda gösterir.

componentDidMount: Veri yüklemek için kullanılır. Uygulama açıldığında yüklenmesi gibi.

componentDidUpdate: Props vea state değiştiginde içeriği ekrana yansıtır. Her güncellemede işlem yapılır. Her güncellemede yenilenmesi istenirse kullanılması önerilir. Örneğin arama işleminde her harfde arama sonuçları için.

componentWillUmmount: Temizlik İçin kullanılır. Yeni güncelleme ile pek gerek kalmadı. Java daki çöp toplayıcı gibi düşünebilirsiniz.

*Dışarıdan veri cekmeyi kesinlikle constructor da yapmanızı tavsiye etmiyorum.  componentDidMount ile yapmanızı tavsiye ederim.

Tarih:React Native