生命週期函式 指在某一時刻元件會自動呼叫執行的函式
例如
當時 state 和props 傳送改變是會自動執行 render 函式
1.initializtion
初始化 props 和 state
2.mounting 元件掛載
//在元件即將被掛載到頁面的時刻執行
componentwillmount（）else{
return false
console.log('這兒有兩個引數意思 下一步 props 或 nextstate 會變化成生命樣子')
console.log('元件被更新之前 他會自動執行,要求返回乙個布林型別，決定元件是是否被更新，如果是false則無法更新元件')
return true
// 元件被更新之前 會自動執行
componentwillupdate(){
console.log('如果 shouldcomponentupdate 返回 true 會執行，在render之前 false則不執行')
return true
//在元件更新完成之後執行
componentdidupdate（）{
console.log('如果 shouldcomponentupdate 返回 true 會執行，在render之後 false則不執行')
props 會比 states 多乙個生命週期
// 當乙個元件從父元件 接收引數
// 只要父元件的render函式被重新執行了 子元件的這個生命週期函式 就會被執行
componentwillreceiveprops(){
console.log（'換一種解釋：如果這個元件第一次存在于父元件中 不會執行，如果這個元件之前已經存在于父元件中，才會執行')
4.unmounting 把這個元件 在頁面上去除的過程
componentwillunmount(){
console.log('當這個元件即將被從頁面中剔除的時候執行')
Vue中生命週期
有時候我們把簡單問題複雜化，快速了解vue生命週期，這篇文章或許能幫助到你。生命週期就是vue整個例項中各個部分能操作的範圍，官網放出的圖可能對於新人不是很友好，只要記住每一塊操作順序就行 載入乙個頁面先載入vue例項的data資料 載入method方法 定義create可以對data和method...
React 生命週期 生命週期方法
生命週期 掛載 更新 解除安裝 元件被建立 執行初始化 並被掛載到dom中，完成元件的第一次渲染 constructor props getderivedstatefromprops props,state render componentdidmount 元件被建立時會首先呼叫元件的構造方法，接受...
react 生命週期
首次例項化 例項化完成後的更新 元件已存在時的狀態改變 生命週期共提供了10個不同的api。1.getdefaultprops 作用於元件類，只呼叫一次，返回物件用於設定預設的props，對於引用值，會在例項中共享。2.getinitialstate 作用於元件的例項，在例項建立時呼叫一次，用於初始...