react元件的生命週期分為三大部分：
1、掛載（mount）
我們把元件渲染，並且構造dom元素插入到頁面的過程稱為元件的掛載。
元件掛載的過程（元件掛載先關函式，只在元件掛載的時候呼叫，在元件更新時不會執行）：
import react from 'react';
class test extends react.component
console.log('construct');
}componentwillmount ()
componentdidmount ()
render()
}export default test;
2、更新（update）
元件更新相關函式，在元件初始掛載的時候都不會呼叫。
當父元件傳遞給子元件的props發生變化時呼叫 ，該函式有乙個引數nextprops（即新的props的值），this.props可以獲取到當前的props（即舊的props），通過對比nextprops與this.props來重渲染元件。
在元件接收到新的props或state時呼叫，通過返回值來確定是否重新渲染當前元件，函式的兩個引數，nextprops和nextstate，分別表示獲取到的新的props和新的state；
在shouldcomponentupdate執行並返回了true的時候被呼叫，元件開始重渲染，該函式的兩個引數，nextprops和nextstate，分別表示獲取到的新的props和新的state；
元件更新，重渲染完畢後呼叫，該函式也有兩個引數，prevprops 和prevstate ，分別表示元件更新前的props和state。
3、解除安裝（unmount）
componentwillunmount函式在元件解除安裝的時候執行。
react（四）元件的生命週期
元件的生命週期 當元件第一次渲染時，依次呼叫的過程 1 constructor 1 不是所有元件均會定義該函式 2 定義該函式的目的 this.state 例如，已有成員函式clickbtn，繫結this指向的方式可以是this.clickbtn this.clickbtn.bind this 2 ...
react 複習（2）元件的生命週期
當元件例項被建立並插入 dom 中時，其生命週期呼叫順序如下 constructor static getderivedstatefromprops static getderivedstatefromprops nextprops,prevstate nextprops 當傳入的type發生變化的...
react（一） 元件的生命週期
最近兄弟團隊讓我去幫忙優化兩個頁面，前端用的react全家桶，後端用的python，上一次寫react 都過去一年了，順著以前的的學習思路，再捋順一下react的要點 元件的生命週期就是reac的工作過程，就好比人有生老病死，自然界有日月更替，每個元件在網頁中也會有被建立 更新和刪除，如同有宣告的機...