Skip to content

sovmedcare/react-purecomponent-test

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React.PureComponent

這專案是用來測試React.PureComponent實際的更新狀況,特別針對Component.prop.children不為Pure的情況下測試 也針對官方提到的Note做測試

React.PureComponent’s shouldComponentUpdate() skips prop updates for the whole component subtree. Make sure all the children components are also “pure”

主要檔案是App.jsChildren.js,可以Clone下來或是在這裡直接試試看

結論

  1. extends React.PureComponent又再使用shouldComponentUpdate時,console.log會報錯

  2. 當傳給Children Componentprops「是」一樣的reference,更新Children Component會觸發children的ComponentDidUpdate & render,但畫面上不會有任何改變,真的被skip掉了,ex. value={this.value}

  3. 當傳給Children Componentprops「不是」一樣的reference,更新Children Component會影響畫面上的結果,一樣有觸發ComponentDidUpdate & render;更新Parent Component會觸發Children Componentupdate & render (pure的時候沒有)ex. value={{x: 1, y: 2}}

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published