react 生命週期函式

2022-06-29 07:42:08 字數 519 閱讀 3691

(1)初始化階段:

getdefaultprops:獲取例項的預設屬性

static proptypes 設定屬性的型別

componentwillmount:元件即將首次被裝載、渲染到頁面上

render:元件在這裡生成虛擬的 dom 節點

componentdidmount:元件真正在被首次裝載之後

(2)執行中狀態:

componentwillreceiveprops:在資料更新頁面需要重新渲染的時候,元件將要接收到屬性的時候呼叫,

shouldcomponentupdate:元件接受到新屬性或者新狀態的時候(可以返回 false,接收資料後不更新,阻止 render 呼叫,後面的函式不會被繼續執行了)

componentwillupdate:元件即將更新不能修改屬性和狀態

render:元件重新描繪

componentdidupdate:元件已經更新

(3)銷毀階段:

componentwillunmount:元件即將銷毀

React生命週期函式

說來慚愧,準大四計算機專業學生黨第一次寫技術部落格。以前學東西沒有記錄的習慣總是容易忘記。最近在看老師的教程學習react框架,想寫點東西記錄一下學習的過程。若寫的不好,各位大佬見諒了,歡迎指正。什麼是生命週期函式?生命週期函式就是元件某一時刻會自動執行的函式。initialzation 初始化 m...

React 生命週期函式

initialization 初始化 mounting 掛載 updation 更新 unmounting setup componentwillmount props states componentwillunmont 當這個元件即將被從頁面中移除的時候,會被執行 props render co...

react生命週期函式

生命週期函式 某一時刻元件會自動呼叫執行的函式 render也是 initialization 初始化 constructor裡 mounting 掛載 componentwillmount 接下來render 生命週期函式的使用場景 不可缺少的乙個生命週期函式是render 效能優化 減少無謂的渲...