溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹React生命周期有多少種狀態，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！
導語：
如果我們要學習react，那么了解生命周期是必不可少的。我們在了解過生命周期的各個組件后，對寫高性能組件會有很大的幫助。
Ract生命周期
React 生命周期分為三種狀態 1. 初始化 2.更新 3.銷毀
初始化
1、getDefaultProps()
設置默認的props，也可以用dufaultProps設置組件的默認屬性.
2、getInitialState()
在使用es6的class語法時是沒有這個鉤子函數的，可以直接在constructor中定義this.state。此時可以訪問this.props
3、componentWillMount()
組件初始化時只調用，以后組件更新不調用，整個生命周期只調用一次，此時可以修改state。
4、 render()
react最重要的步驟，創建虛擬dom，進行diff算法，更新dom樹都在此進行。此時就不能更改state了。
5、componentDidMount()
組件渲染之后調用，只調用一次。
更新
6、componentWillReceiveProps(nextProps)
組件初始化時不調用，組件接受新的props時調用。
7、shouldComponentUpdate(nextProps, nextState)
react性能優化非常重要的一環。組件接受新的state或者props時調用，我們可以設置在此對比前后兩個props和state是否相同，如果相同則返回false阻止更新，因為相同的屬性狀態一定會生成相同的dom樹，這樣就不需要創造新的dom樹和舊的dom樹進行diff算法對比，節省大量性能，尤其是在dom結構復雜的時候
8、componentWillUpdata(nextProps, nextState)
組件初始化時不調用，只有在組件將要更新時才調用，此時可以修改state
9、render()
組件渲染
10、componentDidUpdate()
組件初始化時不調用，組件更新完成后調用，此時可以獲取dom節點。
卸載
11、componentWillUnmount()
組件將要卸載時調用，一些事件監聽和定時器需要在此時清除。
以上是“React生命周期有多少種狀態”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
