React 組件的生命周期

React 組件的生命周期概念圖

react組件的生命周期.jpg

裝載組件觸發

  • componentWillMount

    在首次渲染之前，** render 之前調用**

  • componentDidMount
    該方法被調用時，已經渲染出真實的 DOM，在render 之后調用

更新組件觸發

  • componentWillReceiveProps
    接收到新的props調用，

  • shouldComponentUpdate
    接收到新的props或state，要渲染前調用，通過返回 false 來阻止組件的重新渲染

  • componentWillUpdate
    接收到新的props或state前立即調用

  • componentDidUpdate
    組件更新之后操作DOM
    在組件重新被渲染之后，componentDidUpdate(object prevProps, object prevState) 會被調用。可以在這里訪問并修改 DOM

卸載組件觸發

  • componentWillUnmount
    組件從DOM中移除時被立即調用，完成所有的清理和銷毀工作，在 componentDidMount 中添加的任務都需要再該方法中撤銷，如創建的定時器或事件監聽器。

參考
https://segmentfault.com/a/1190000004168886#articleHeader3

最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容