#React# 206性能优化
(2018-01-03 10:23:16)分类: 计算机相关 |
shouldComponentUpdate
React Dom
Diff算法可以高效的渲染对应的组件页面,但是由于组件过于深层嵌套时,会导致有些延迟。所以我们要对每个组件都给与一个判断本组件是否需要刷新的功能,这个判断函数是shouldComponentUpdate
,返回true,当前组件刷新,否则当前组件不刷新。
shouldComponentUpdate(nextProps,nextState){
if(this.props.data !===
nextProps.data){
return true;
}
else {
return false;
}
}
Key (键值)
当对组件增加key
值之后,如果key不改变,就仅仅是重新渲染,否则就是重新构造一个新的组件,所以key 取值时,都是采用
某条数据的唯一属性,不能用index,自增的值。
前一篇:#React# 205动画
后一篇:#React# 207服务端渲染