issues
search
xinbaihui
/
Blog
web front end
1
stars
0
forks
source link
【React】PureComponent
#20
Open
xinbaihui
opened
5 years ago
xinbaihui
commented
5 years ago
Added in React15.3
Reference
https://reactjs.org/docs/react-api.html#reactpurecomponent
https://juejin.im/entry/5934c9bc570c35005b556e1a
Result
提高性能,通过比较prevProps vs props 和prevState和 state是否变化减少render执行次数(减少生成VirtualDom生成和比较的次数)
实质是对props和state进行浅比较shallowEqual(), shallowEqual(): 判断keys数量是否相等,key是不是都有,并且是同一个
引用
仅在props和state比较简单的时候适用,如果结构比较复杂可能无法检测深层的差别,产生错误的比对结果
所有子组件也要用 PureComponent
Added in React15.3
Reference
Result