目錄

生命周期

概述

掛載階段?

更新階段

卸載階段

---

?

生命周期

概述

組件的生命周期是指組件從被創建到掛載到頁面中運行起來，再到組件不用時卸載的過程，注意，只有類組件才有生命周期（類組件 實例化 函數組件 不需要實例化）

參考：React lifecycle methods diagram?

?

?

?

?

掛載階段?

鉤子 函數觸發時機作用

constructor	創建組件時，最先執行，初始化的時候只執行一次	1. 初始化state 2. 創建 Ref 3. 使用 bind 解決 this 指向問題等
render	每次組件渲染都會觸發	渲染UI（注意： 不能在里面調用setState()?）
componentDidMount	組件掛載（完成DOM渲染）后執行，初始化的時候執行一次	1. 發送網絡請求 2.DOM操作

更新階段

鉤子函數觸發時機作用

render	每次組件渲染都會觸發	渲染UI（與 掛載階段 是同一個render）
componentDidUpdate	組件更新后（DOM渲染完畢）	DOM操作，可以獲取到更新后的DOM內容，不要直接調用setState

卸載階段

目標任務:?能夠說出組件的銷毀階段的鉤子函數以及執行時機

鉤子函數觸發時機作用

componentWillUnmount	組件卸載（從頁面中消失）	執行清理工作（比如：清理定時器等）

?

?

?

總結

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

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