# React組件生命周期 React組件的生命周期分為三大階段 ## 組件創建階段： 組件創建階段的生命周期函數，有一個顯著的特點：創建階段的生命周期函數，在組件的一輩子中，只執行一次； > constructor 組件初始時自動調用 > componentWillMount: 組件將要被掛載，此時還沒有開始渲染虛擬DOM render：第一次開始渲染真正的虛擬DOM，當render執行完，內存中就有了完整的虛擬DOM了 > render(){}渲染成虛擬dom，將來可以用來去和老的虛擬dom進行diff算法。 頁面中沒有效果 > componentDidMount: 組件完成了掛載，此時，組件已經顯示到了頁面上，當這個方法執行完，組件就進入都了 運行中 的狀態 ## 組件運行階段 也有一個顯著的特點，根據組件的state和props的改變，有選擇性的觸發0次或多次； > componentWillReceiveProps: 組件將要接收新屬性，此時，只要這個方法被觸發，就證明父組件為當前子組件傳遞了新的屬性值；可以接收新的props和state，但是并未更新 > shouldComponentUpdate: 組件是否需要被更新，此時，組件尚未被更新，可以接收新的props和state，但是并未更新 > componentWillUpdate: 組件將要被更新，此時，尚未開始更新，可以接收新的props和state，內存中的虛擬DOM樹還是舊的 > render: 此時state 和 props,已經是最新的，被更新的同時 重新渲染一棵內存中的 虛擬DOM樹，當 render 調用完畢，內存中的舊DOM樹，已經被新DOM樹替換了！此時頁面還是舊的 > componentDidUpdate: 此時，頁面又被重新渲染了，state 和 虛擬DOM 和 頁面已經完全保持同步 ## 組件銷毀階段： 也有一個顯著的特點，一輩子只執行一次； > componentWillUnmount: 組件將要被卸載，此時組件還可以正常使用； 也可以參照下圖來進行理解（不用重點掌握后面通過案例我們來了解就可以了）   # 總結 在這章節課程中，我們需要知道解React的生命周期，分三階段。初始，運行，銷毀。 通過下一章節的案例來達到熟練應用即可。