React學習筆記2 生命週期

2021-09-12 16:58:47 字數 787 閱讀 5839

生命週期函式指在某乙個時刻元件會自動呼叫執行的函式,react的生命週期函式主要有

父元件

// 在元件即將被掛載到頁面的時刻自動執行,掛載完畢不再執行

componentwillmount()

render()

// 元件被掛載到頁面之後,自動被執行,掛載完畢不再執行

componentdidmount()

// 元件被更新之前,自動被執行

shouldcomponentupdate()

// 元件被更新之前,它會自動執行,但是它在shouldcomponentupdate之後執行

// 如果shouldcomponentupdate返回true它才執行

// 返回false,這個函式就不會被執行了

componentwillupdate()

// 元件更新完成之後自動被執行

componentdidupdate()

子元件
// 乙個元件從父元件接收了引數

// 如果這個元件第一次存在于父元件中,不會執行

// 如果這個元件之前已經存在于父元件中,才會執行

componentwillreceiveprops()

// 當這個元件即將被從頁面中剔除的時候,會被執行

componentwillunmount()

React學習筆記2 生命週期

生命週期函式指在某乙個時刻元件會自動呼叫執行的函式,react的生命週期函式主要有 父元件 在元件即將被掛載到頁面的時刻自動執行,掛載完畢不再執行 componentwillmount render 元件被掛載到頁面之後,自動被執行,掛載完畢不再執行 componentdidmount 元件被更新之...

React學習筆記2 生命週期

生命週期函式指在某乙個時刻元件會自動呼叫執行的函式,react的生命週期函式主要有 父元件 在元件即將被掛載到頁面的時刻自動執行,掛載完畢不再執行 componentwillmount render 元件被掛載到頁面之後,自動被執行,掛載完畢不再執行 componentdidmount 元件被更新之...

React學習筆記2 生命週期

生命週期函式指在某乙個時刻元件會自動呼叫執行的函式,react的生命週期函式主要有 父元件 在元件即將被掛載到頁面的時刻自動執行,掛載完畢不再執行 componentwillmount render 元件被掛載到頁面之後,自動被執行,掛載完畢不再執行 componentdidmount 元件被更新之...