React-PurePenderMixin
来源:互联网 发布:php 类 应用 编辑:程序博客网 时间:2024/05/16 09:20
PureRenderMixin
如果你的React组件的渲染函数是“纯粹的”(换句话说,当传给它同样的props和state,它渲染出同样的效果),在某些场景下,你可以利用这个插件来极大地提升性能。
例如:
var PureRenderMixin = require('react').addons.PureRenderMixin;React.createClass({ mixins: [PureRenderMixin], render: function() { return <div className={this.props.className}>foo</div>; }});
在底层,该插件实现了shouldComponentUpdate,在这里面,它比较当前的props、state和接下来的props、state,当两者相等的时候返回false
。
注意:
仅仅是浅比较对象。如果对象包含了复杂的数据结构,深层次的差异可能会产生误判。仅用于拥有简单props和state的组件,或者当你知道很深的数据结构已经变化了的时候使用
forceUpdate()
。或者,考虑使用immutable objects来帮助嵌套数据快速比较。此外,
shouldComponentUpdate
会跳过更新整个组件子树。确保所有的子组件也是“纯粹的”。
1 0
- React-PurePenderMixin
- React
- react
- React
- REACT
- React
- react
- react
- React
- react
- react
- React
- React
- react
- React
- react
- react
- React
- React-不可变数据的辅助工具
- 什么是虚拟机
- git还原至某个commit版本
- Python3.4内置函数
- GitLab在CentOS7下LNMP环境的安装使用
- React-PurePenderMixin
- SpringMVC基础入门
- kidd风的IOS日志之IOS9 视频播放控制器(AVPlayer)
- js this作用域问题讲解
- HDU2009求数列的和(两种思想)
- 两位母亲分苹果,竟然造就了两个孩子天壤之别的人生
- ksh substr
- iOS 收到推送通知点击进入时 页面的跳转处理操作
- yum命令详解