react生命週期函式介紹

2021-10-23 02:24:37 字數 477 閱讀 9085

—、	初始化階段:

constructor初始化狀態

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

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

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

二、執行中狀態:

componentwillreceiveprops:元件將要接收到屬性的時候呼叫

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

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

render:元件重新描繪

componentdidupdate:元件已經更新

三、銷毀階段:

componentwillunmount:元件即將銷毀

react 生命週期函式介紹

執行 元件載入錢最先呼叫一次,僅呼叫一次。作用 定義狀態機變數。注意 第乙個語句必須為super 否則會報錯 this is not allowed before super constructor props 執行 元件初始渲染 render 被呼叫前 前呼叫,僅呼叫一次。作用 如果這個函式呼叫的...

react 生命週期函式介紹

執行 元件載入錢最先呼叫一次,僅呼叫一次。作用 定義狀態機變數。注意 第乙個語句必須為super 否則會報錯 this is not allowed before super constructor props 執行 元件初始渲染 render 被呼叫前 前呼叫,僅呼叫一次。作用 如果這個函式呼叫的...

React生命週期函式

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