這篇文章主要介紹React生命周期有多少種狀態(tài)，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

成都創(chuàng)新互聯(lián)是一家專注于成都做網(wǎng)站、網(wǎng)站建設(shè)、外貿(mào)營銷網(wǎng)站建設(shè)與策劃設(shè)計,興安網(wǎng)站建設(shè)哪家好?成都創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)10年,網(wǎng)設(shè)計領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:興安等地區(qū)。興安做網(wǎng)站價格咨詢:18982081108

導(dǎo)語：

如果我們要學(xué)習(xí)react，那么了解生命周期是必不可少的。我們在了解過生命周期的各個組件后，對寫高性能組件會有很大的幫助。

Ract生命周期

React 生命周期分為三種狀態(tài) 1. 初始化 2.更新 3.銷毀

初始化

1、getDefaultProps()

設(shè)置默認的props，也可以用dufaultProps設(shè)置組件的默認屬性.

2、getInitialState()

在使用es6的class語法時是沒有這個鉤子函數(shù)的，可以直接在constructor中定義this.state。此時可以訪問this.props

3、componentWillMount()

組件初始化時只調(diào)用，以后組件更新不調(diào)用，整個生命周期只調(diào)用一次，此時可以修改state。

4、 render()

react最重要的步驟，創(chuàng)建虛擬dom，進行diff算法，更新dom樹都在此進行。此時就不能更改state了。

5、componentDidMount()

組件渲染之后調(diào)用，只調(diào)用一次。

更新

6、componentWillReceiveProps(nextProps)

組件初始化時不調(diào)用，組件接受新的props時調(diào)用。

7、shouldComponentUpdate(nextProps, nextState)

react性能優(yōu)化非常重要的一環(huán)。組件接受新的state或者props時調(diào)用，我們可以設(shè)置在此對比前后兩個props和state是否相同，如果相同則返回false阻止更新，因為相同的屬性狀態(tài)一定會生成相同的dom樹，這樣就不需要創(chuàng)造新的dom樹和舊的dom樹進行diff算法對比，節(jié)省大量性能，尤其是在dom結(jié)構(gòu)復(fù)雜的時候

8、componentWillUpdata(nextProps, nextState)

組件初始化時不調(diào)用，只有在組件將要更新時才調(diào)用，此時可以修改state

9、render()

組件渲染

10、componentDidUpdate()

組件初始化時不調(diào)用，組件更新完成后調(diào)用，此時可以獲取dom節(jié)點。

卸載

11、componentWillUnmount()

組件將要卸載時調(diào)用，一些事件監(jiān)聽和定時器需要在此時清除。

以上是“React生命周期有多少種狀態(tài)”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

分享題目：React生命周期有多少種狀態(tài)
網(wǎng)頁URL：http://www.aaarwkj.com/article28/gjijcp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站設(shè)計、網(wǎng)站設(shè)計公司、品牌網(wǎng)站制作、服務(wù)器托管、微信小程序、App設(shè)計

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)