码迷,mamicode.com
首页 > 其他好文 > 详细

React 中的 Component、PureComponent、无状态组件 之间的比较

时间:2018-08-17 14:59:10      阅读:161      评论:0      收藏:0      [点我收藏+]

标签:class   没有   eve   最简   避免   变化   https   文章   可变对象   

  • React 中的 Component、PureComponent、无状态组件之间的比较
组件类型 说明
React.createClass 不使用ES6语法,只能使用 React.createClass 来创建组件;React对属性中的所有函数都进行了this绑定
Component 使用ES6语法创建组件;React并没有对内部的函数,进行this绑定
PureComponent shouldComponentUpdate通过判断props和state是否发生变化来决定需不需要重新渲染组件,当然有时候这种简单的判断,显得有些多余和样板化,于是React就提供了PureComponent来自动帮我们做这件事,这样就不需要手动来写shouldComponentUpdate了。注意:PureComponent 自动为我们添加的shouldComponentUpate函数,只是对props和state进行浅比较;最简单避免上述情况的方式,就是避免使用可变对象作为props和state,取而代之的是每次返回一个全新的对象;也可以考虑使用Immutable.js来创建不可变对象,通过它来简化对象比较,提高性能。
无状态组件 无state,只有props。

React 中的 Component、PureComponent、无状态组件 之间的比较

标签:class   没有   eve   最简   避免   变化   https   文章   可变对象   

原文地址:https://www.cnblogs.com/cag2050/p/9493138.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!