在元件的整個生命週期中，隨著該元件的props或者state發生改變，其dom表現也會有相應的變化。乙個元件就是乙個狀態機，對於特定地輸入，它總返回一致的輸出。 乙個react元件的生命週期分為三個部分：例項化、存在期和銷毀時。
juejin.im/post/5a062f…)
//設定預設props屬性
static defaultprops = ;
複製**
//建構函式,可以用來配宣告tate
constructor()
}複製**
//元件渲染前
componentwillmount()
複製**
元件渲染
//元件完成渲染後
conponentdidmount()
複製**
元件接收到屬性變化
用來控制state或props改變後是否需要重新render乙個虛擬dom
shouldcomponentupdate(newprops, newstate)
//該鉤子函式可以接收到兩個引數，新的屬性和狀態，返回true/false來控制項是否需要更新。
複製**
元件即將被更新時觸發
元件被更新後觸發，可以進行dom操作
元件將要銷毀時的操作
React元件生命週期
元件的所有狀態結合起來就成了元件的生命週期。即 初始化階段 執行中階段 銷毀階段。不同生命週期內可以自定義的函式 初始化階段 getdefaultprops 獲取預設屬性，只呼叫一次，是在createclass之後呼叫的。例項之間共享引用 getinitialstate 初始化每個例項的特有初始化狀...
React元件生命週期
首次例項化 例項化完成後的更新 元件已存在時的狀態改變 生命週期共提供了10個不同的api。1.getdefaultprops 作用於元件類，只呼叫一次，返回物件用於設定預設的props，對於引用值，會在例項中共享。2.getinitialstate 作用於元件的例項，在例項建立時呼叫一次，用於初始...
React 元件生命週期
在本章節中我們將討論 react 元件的生命週期。元件的生命週期可分成三個狀態 生命週期的方法有 這些方法的詳細說明，可以參考官方文件。以下例項在 hello 元件載入以後，通過 componentdidmount 方法設定乙個定時器，每隔100毫秒重新設定元件的透明度，並重新渲染 varhello...