React 組件的生命周期概念圖
react組件的生命周期.jpg
裝載組件觸發(fā)
-
componentWillMount
在首次渲染之前处坪，** render 之前調(diào)用**
componentDidMount
該方法被調(diào)用時一喘，已經(jīng)渲染出真實的 DOM搅轿，在render 之后調(diào)用
更新組件觸發(fā)
componentWillReceiveProps
接收到新的props調(diào)用寸士，shouldComponentUpdate
接收到新的props或state巴席，要渲染前調(diào)用丽惭，通過返回 false 來阻止組件的重新渲染componentWillUpdate
接收到新的props或state前立即調(diào)用componentDidUpdate
組件更新之后操作DOM
在組件重新被渲染之后定欧，componentDidUpdate(object prevProps, object prevState) 會被調(diào)用【矍耄可以在這里訪問并修改 DOM
卸載組件觸發(fā)
- componentWillUnmount
組件從DOM中移除時被立即調(diào)用荠雕，完成所有的清理和銷毀工作，在 componentDidMount 中添加的任務(wù)都需要再該方法中撤銷驶赏，如創(chuàng)建的定時器或事件監(jiān)聽器炸卑。
參考
https://segmentfault.com/a/1190000004168886#articleHeader3
