React生命週期函式(二)

2021-09-26 21:27:35 字數 549 閱讀 7185

裝載階段(mounting phase):

新增乙個構造器(constructor),一般需要通過使用super方法來呼叫父級的構造器。

這個構造器只會呼叫一次:當乙個類的例項建立的時候。

這是乙個給屬性賦值的好機會,(ps:this.setstate只有在元件被建立並插入到dom中之後才能呼叫)所以如果需要直接設定state,可以在構造器裡實現。

同樣的,不能在構造器裡訪問this.props,除非把props作為引數傳到構造器裡,同時也傳到它的父類裡,否則,這個props會返回undefined。

constructor(props)
componentdidmount:

這個鉤子函式在元件被加入dom後呼叫,這是使用ajax與伺服器通訊的好時機。

渲染方法(render):一旦渲染完成,也就意味著它的所有子元件都渲染完成了。需要注意的是,不能再無狀態功能性元件中使用生命週期函式。

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 效能優化 減少無謂的渲...