詳細參考： react 元件生命週期
元件的生命週期可分為三個狀態：
1.mounting：已經掛載/插入到真實 dom 樹上；
2.updating：正在被重新渲染；
3.unmounting：已經移出 dom 樹；
生命週期的鉤子函式：（v16之前）
1.componentwillmount首次渲染之前呼叫；
2.componentdidmount第一次渲染後呼叫；
3.componentwillreceiveprops在元件接收到乙個新的 prop (更新後)時被呼叫。這個方法在初始化render時不會被呼叫；
4.shouldcomponentupdate如果你確定元件的 props 或者 state 的改變不需要重新渲染，可以通過在這個方法裡通過返回false來阻止元件的重新渲染，返回 false 則不會執行 render 以及後面的 componentwillupdate，componentdidupdate 方法；
5.componentwillupdate在元件接收到新的 props 或者 state 但還沒有 render 時被呼叫。在初始化時不會被呼叫；
6.componentdidupdate在元件完成更新後立即呼叫。在初始化時不會被呼叫；
7.componentwillunmount在元件從 dom 中移除之前立刻被呼叫；
而在 v16 之後，新增
getderivedstatefromprops() / getsnapshotbeforeupdate() 兩個鉤子，逐漸放棄 componentwillmount() / componentwillreceiveprops() / componentwillupdate() 三個鉤子。
1.重新認識 react 生命週期；
2.詳解react生命週期(包括react16版)；
3.react 生命週期；
react（四）元件的生命週期
元件的生命週期 當元件第一次渲染時，依次呼叫的過程 1 constructor 1 不是所有元件均會定義該函式 2 定義該函式的目的 this.state 例如，已有成員函式clickbtn，繫結this指向的方式可以是this.clickbtn this.clickbtn.bind this 2 ...
React（三） 元件的生命週期
react元件的生命週期分為三大部分 1 掛載 mount 我們把元件渲染，並且構造dom元素插入到頁面的過程稱為元件的掛載。元件掛載的過程 元件掛載先關函式，只在元件掛載的時候呼叫，在元件更新時不會執行 import react from react class test extends reac...
React學習筆記（三）元件
元件 props 元件可以在它的輸出中引用其它元件，這就可以讓我們用同一元件來抽象出任意層次的細節。在react應用中，按鈕 表單 對話方塊 整個螢幕的內容等，這些通常都被表示為元件。react將作為props傳入並呼叫welcome元件。welcome元件將元素作為結果返回。functionwel...