React學習筆記 生命週期

2021-08-20 09:31:09 字數 993 閱讀 1597

constructor(

props

) 初始化方法。

object getinitialstate() 獲取初始state。

void componentwillmount() render之前執行一次。

reactelement render() 渲染檢視。

void componentdidmount() 初始化rander之後執行一次。

boolean shouldcomponentupdate(object

nextprops,

object

nextstate) props或state發生改變後執行。如果返回false就不會重新整理render。

void componentwillupdate(

object

nextprops,

object

nextstate

) props或state發生改變後執行。

void componentwillreceiveprops(object

nextprops) props發生變化之後執行。

void componentwillunmount()移除元件時執行

ps1:react 繫結資料模型,使用state來繫結檢視資料。通俗來講就是 input 修改value 要把value = state ,然後修改state。

ps2:由於props和state都會觸發render

,所以由上層頁面獲取的資料的改變傳入下層頁面有可能會導致重新整理兩次,比如 上一級頁面傳入新的props,然後props賦予state來修改頁面裡的值,由於state和props都改變了,所以重新整理兩次。(不知怎麼解決)

ps3:實際專案中使用了udp鏈結,而且並沒有在componentwillunmount

中關閉,所以在切換頁面後鏈結仍在繼續。

react學習筆記 react生命週期

react v16.4 的生命週期 提前感謝aermin的筆記詳解react生命週期 包括react16版 讓我收益匪淺。我通常把react生命週期劃分為四個階段 元件初始化,元件掛載,元件更新,元件解除安裝。import react,from react class test extends co...

react生命週期筆記

該方法在初始化渲染的時候不會呼叫,在使用 forceupdate 方法的時候也不會。如果確定新的 props 和 state 不會導致元件更新,則此處應該 返回 false。在初始化渲染的時候該方法不會被呼叫。使用該方法做一些更新之前的準備工作。注意 你不能在該方法中使用 this.setstate...

React 生命週期 生命週期方法

生命週期 掛載 更新 解除安裝 元件被建立 執行初始化 並被掛載到dom中,完成元件的第一次渲染 constructor props getderivedstatefromprops props,state render componentdidmount 元件被建立時會首先呼叫元件的構造方法,接受...