加载中…
个人资料
暗夜巡视
暗夜巡视
  • 博客等级:
  • 博客积分:0
  • 博客访问:13,814
  • 关注人气:32
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

#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,自增的值。

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有