1. 程式人生 > >react初識生命週期

react初識生命週期

 

      好多朋友都在問我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:元件銷燬   好了好了,有錯誤的希望各位大牛指出來哦,小女子,先謝過了