2019獨角獸企業重金招聘Python工程師標準>>>

概念：在組建的創建、到加載到頁面上運行以及組件被銷毀的過程中，總是伴隨的各種各樣的事件，這些在組件特定時期，出觸發的事件就叫做 組建的聲明周期

組件創建階段：組件創建階段的生命周期函數，有一個顯著地特點，創建階段的生命周期函數，在組建的一輩子中只執行一次

組件運行階段：也有一個顯著地特點，根據組件的state和props的改變有選擇性的觸發0次或多次；

組件銷毀階段：也有一個顯著地特點，一輩子只執行一次

組件初始階段 static defaultProps：初始化props默認值的屬性，作用是防止組件中某些必要的屬性，外界沒有傳遞報錯的問題

組建創建階段 this.state：是用來初始化組件私有數據的，是定義在組建的constructor構造器函數中，所以this.state會被第一時間就被初始化，因為在Class類中，只要new這個類，必然優先調用constructor構造器 componentWillMount：這個函數，是組建的虛擬DOM元素，將要掛在到頁面上的時候執行，此時，虛擬DOM還沒有被創建，也沒有被掛在到頁面上；因為虛擬DOM是在render函數上創建的，所以此時根本還沒有虛擬DOM被創建 render：當進入到render函數中執行的時候，就已經開始渲染虛擬DOM了，當執行完render后，此時_在內存中已經創建好了，但是，此時虛擬DOM并沒有被掛在到真正的頁面上_ componentDidMount：表示組件已經完成了掛載，此時，我們data上的數據，虛擬DOM上的數據以及瀏覽器頁面上的數據保持一致了，到這里，組件創建階段的生命周期函數已經創建完畢，頁面第一次被渲染好

組件運行階段 componentWillReceiveProps：組件將要接受新的props屬性，只有當外界傳遞給子組件的屬性被修改了，才會觸發此函數的執行 shouldComponentUpdate：組件是否被更新；狀態(state)或者props的改變都能觸發此組件的更新 componentUpdate：組件將要被更新，此時組件還沒有被更新 render：重新渲染內存中虛擬DOM對象，當render完畢之后，虛擬DOM樹已經和組件的state保持一致了，都是最新的了，但是頁面還是舊的 componentDidUpdate：此時頁面已經更新完了，頁面也是最新的了

組件卸載的過程： componentWillUNmount：組件將要被卸載，此時組件尚可使用，還沒有被卸載；

以上就是react生命周期函數的詳細過程

轉載于:https://my.oschina.net/u/3419199/blog/1815688

總結

以上是生活随笔為你收集整理的React 组件的生命周期详解的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。