寧夏住房和城鄉(xiāng)建設(shè)廳門戶網(wǎng)站滄州seo公司
react生命周期總結(jié)
生命周期主要分為以下幾個階段：
- Mounting:創(chuàng)建虛擬DOM，渲染UI(初始化)
- Updating：更新虛擬DOM，重新渲染UI；(更新)
- UnMounting：刪除虛擬DOM，移除UI；(銷毀)
- 生命周期第一階段:初始化
這個階段主要包含兩個函數(shù)，一個是構(gòu)造函數(shù)constructor，用來初始化state，另一個函數(shù)就是componentDidMount，這個函數(shù)一般是在組件創(chuàng)建好DOM元素之后，掛載進頁面的時候調(diào)用； - 生命周期的第二個階段就是更新：
這個階段由需要注意四個函數(shù)：componentWillReceiveProps，這個函數(shù)已經(jīng)被廢棄了，但是我們還是要了解，面試的時候要提及，這個函數(shù)一般是在組件接收到一個新的props(更新）的時候被調(diào)用，但是使用的時候會出問題，所以現(xiàn)在有了一個替代函數(shù):state getDerivedStateFromProps(nextProps,prevState)，這個的作用就是對比當前的props和之前的state的變化；shouldComponentUpdate(nextProps,nextState):通過判斷props和state的變化，來判斷是否需要來更新，一般如果沒有指定，就會默認自動更新componentDidUpdate:組件更新后調(diào)用;
- 生命周期第三個階段：銷毀
componentWillUnmount()組件銷毀后調(diào)用
具體來說，react組件的生命周期可以用下圖來表示：
其實react生命周期遠不止這些，但是記住常用的這些就夠了，其他的基本不用，甚至會在后面被廢棄掉，因為react越來越強調(diào)函數(shù)的使用，而生命周期的概念是類組件中的概念。