react初識生命週期
阿新 • • 發佈:2018-11-23
好多朋友都在問我react生命週期執行的順序
今天就說一下吧,
react有三種構建元件的方法:
第一呢,就是React.createClass(),ES5寫法現在用的比較少
第二呢:ES6 class
第三呢:就是無狀態了
react 的生命週期還是比較重要的
getDefaultProps:獲取例項的預設屬性
getInitialState:獲取每個例項的初始化狀態
這兩個生命週期的是用於ES5寫法,現在的話用的人比較少了
然後就是最常用的了
constructor:就是初始化資料的 componentWillMount:元件渲染之前 然後就是render了,生成虛擬的DOM componentWillMount:元件渲染之後了 然後開始了分割線 shouldComponentUpdate://重要的生命週期哦,元件接收到新屬性或者新狀態的時候可以返回布林值,如果是false,資料就不會更新,阻止render呼叫,後面的生命週期就不會執行 componentWillUpdate:元件即將更新,就不能更改屬性和狀態了 render:元件重新描繪 componentDidUpdate:元件已經更新 componentWillReceiveProps,元件接收到屬性的時候呼叫 然後就執行shouldComponentUpdate之後的生命週期,跟上面的一樣執行就好了 最後在最後 有一個銷燬期 componentWillUnmount:元件銷燬 好了好了,有錯誤的希望各位大牛指出來哦,小女子,先謝過了