React生命周期函數(shù)詳解和注意事項(xiàng)

如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中，請點(diǎn)這里

React生命周期函數(shù)

生命周期函數(shù)是指在某一個周期自動執(zhí)行的函數(shù)。

React中的生命周期執(zhí)行過程

以下是React中的常用的生命周期函數(shù)，按個部分中按照自動執(zhí)行順序列出，這幾個過程可能存在同時進(jìn)行

componentWillReceiveProps()：一個組件要從父組件接收參數(shù)，只要父組件的render()函數(shù)非首次（如果這個組件第一次存在與父組件中不會執(zhí)行，如果已經(jīng)存在于父組件中才會執(zhí)行）執(zhí)行了，子組件的這個生命周期函數(shù)就會被執(zhí)行。如果組件沒有Props屬性則直接跳過
shouldComponentUpdate()：組件更行之前檢查是否需要更新，注意這個函數(shù)要有一個布爾類型返回值，如果返回false，這一部分的生周期函數(shù)將不會繼續(xù)執(zhí)行，即無論如何組件都不會更新。利用這個生命周期函數(shù)可以強(qiáng)制關(guān)閉不需要更新的子組件來提升渲染性能
componentWillUpdate()：組件更新之前。自動執(zhí)行。但要在shouldComponentUpdate()執(zhí)行并返回true之后執(zhí)行。
render()：將組件更新到頁面。
componentDidUpdate():組件更新完成之后立即執(zhí)行。

注意：React中的render()也是生命周期函數(shù)，而constructor()并不是生命周期函數(shù)。
生命周期函數(shù)是針對組件來說的，并非只有父組件才有生命周期函數(shù)，是所有組件都有生命周期函數(shù)！
除了render()函數(shù)，其他的所有生命周期函數(shù)都可以不寫，也不會報錯，但是如果缺少render()函數(shù)程序就會報錯，因?yàn)樗械纳芷诤瘮?shù)除了render()函數(shù)都是繼承自React中內(nèi)置的。
AJAX請求一般放在componentDidMount()里面。
藍(lán)藍(lán)設(shè)計( www.tuitetiyu.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計、 cs界面設(shè)計、 ipad界面設(shè)計、包裝設(shè)計、圖標(biāo)定制、用戶體驗(yàn) 、交互設(shè)計、網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)