這篇文章將為大家詳細講解有關react的生命周期函數介紹，文章內容質量較高，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

目前成都創新互聯已為成百上千家的企業提供了網站建設、域名、網站空間、網站改版維護、企業網站設計、科爾沁網站維護等服務，公司將堅持客戶導向、應用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協力一起成長，共同發展。

初始化

1.getDefaultProps()

注：getDefaultProps這種定義方式是用在你定義組件用的是React.createClass方式的
如果使用的是es6的語法，例如用的是class 組件名 extends React.Component的話，就不要用
getDefaultProps這種方式去定義props了，而是應該用 static propTypes ＝｛｝來定義，這樣就不會有警了

設置默認的props，也可以用dufaultProps設置組件的默認屬性. ---》設置

2.getInitialState()

注：與getDefaultProps的區別在于前者設置默認的 props，后者設置初始的state在使用es6的class語法時是沒有這個鉤子函數的，可以直接在constructor中定義 this.state。此時可以訪問this.props

3.componentWillMount

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

4. render()

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

5.componentDidMount()

注：組件渲染之后調用，只調用一次。可以在此請求數據

·更新

1.componentWillReceiveProps(nextProps)

注：組件初始化時不調用，組件接受新的props時調用。

2.shouldComponentUpdate(nextProps, nextState)

注：react性能優化非常重要的一環。組件接受新的state或者props時調用，我們可以設置在此對比前后兩個props和state是否相同，如果相同則返回false阻止更新，因為相同的屬性狀態一定會生成相同的dom樹，這樣就不需要創造新的dom樹和舊的dom樹進行diff算法對比，節省大量性能，尤其是在dom結構復雜的時候

3.componentWillUpdata(nextProps, nextState)

注：組件初始化時不調用，只有在組件將要更新時才調用，此時可以修改state

4.render()

注：組件渲染

5.componentDidUpdate()

注：組件初始化時不調用，組件更新完成后調用，此時可以獲取dom節點。

·卸載

componentWillUnmount()
注：組件將要卸載時調用，一些事件監聽和定時器需要在此時清除。

以上就是react的生命周期函數介紹，看完之后是否有所收獲呢？如果想了解更多相關內容，歡迎關注創新互聯行業資訊，感謝各位的閱讀。

網站題目：react的生命周期函數介紹
轉載源于：http://vcdvsql.cn/article6/gjdsog.html

成都網站建設公司_創新互聯，為您提供微信公眾號、Google、服務器托管、企業建站、移動網站建設、做網站

廣告

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