深入react技術棧-初入react
阿新 • • 發佈:2021-09-20
1.virtual DOM
- 傳統頁面開發模式中,都是對真實的dom進行操作,耗費大量的效能。而react將真實dom樹轉換成虛擬dom,每一次更新都與原來的虛擬dom進行diff比對來進行更新,對於改變的部分來進行批量更新,節約了效能。
- 通過虛擬dom轉換成真實dom,方便和其他平臺的整合,react元件可以對映為對應的原生控制元件,可以用於web,ios,android
2.setState
- setState 是一個非同步方法,一個生命週期內所有的 setState 方法會合並操作
- 但是並不推薦在推薦內部使用過多的state,過多的state容易導致邏輯混亂
3.props
- react中資料是單向流動的 父子元件之間的通訊通過父元件傳遞資料給子元件,子元件通過props接受,子元件通過向父元件傳遞過來的函式傳入自己的引數來進行呼叫父元件中的方法
4.react生命週期
- 可以將元件的生命週期分成兩大類:元件的掛載解除安裝階段&&元件的更新階段
- 元件掛載階段執行的生命週期函式: componentWillMount,render,componentDidMount
- 元件解除安裝階段執行的生命週期函式: componentWillUnmount(可以執行一些事件回收或是清除定時器)
- 元件更新階段執行的生命週期函式: 元件自身的 state 更新了,那麼會依次執行 shouldComponentUpdate、componentWillUpdate 、render 和 componentDidUpdate。