React学习之扩展浅比较(三十四)
来源:互联网 发布:天刀数据加载失败 编辑:程序博客网 时间:2024/05/18 21:50
注意
这玩意也已经被React.PureComponent
的功能取代了,这里依旧是提一下(主要是React.v15
的版本中的react-with-addons.js
,这些玩意还存在,哎,害人呐)
引入
import shallowCompare from 'react-addons-shallow-compare' // ES6var shallowCompare = require('react-addons-shallow-compare') // ES5 with npmvar shallowCompare = React.addons.shallowCompare; // ES5 with react-with-addons.js
1.概要
和PureRenderMixin
一样,如果你的React
组件的渲染函数是一个纯函数也就是说对于相同的值返回一样的结果同时不影响原元素,在某些场景下,你可以利用这个插件来极大地提升性能,和前面那一篇博客一样的话,嘿嘿。
class SampleComponent extends React.Component { shouldComponentUpdate(nextProps, nextState) { return shallowCompare(this, nextProps, nextState); } render() { return <div className={this.props.className}>foo</div>; }}
说来也只是实现了React.PuerComponent
的功能,或许在这个组件构建之外还有点用,然而React
就是用来构造组件的。
下一篇将讲
React
的LinkedStateMixin
(虽然这玩意已经被弃用,有趣)
1 0
- React学习之扩展浅比较(三十四)
- React学习之扩展动画(三十)
- React学习之扩展PureRenderMixin(三十三)
- React学习之扩展键片段(三十一)
- React学习之扩展LinkedStateMixin双向绑定(三十五)
- React全家同学习之ES6之字符串的扩展
- Log4J学习【三十四】错误处理之FallbackErrorHandler
- opencv学习(三十四)之重映射remap
- React学习之扩展不变的数据(immutability-helper)优化(三十二)
- React学习之- (React-JSX-Style)
- React学习之-(React Components Lifecycle)
- React学习之-(React-Event-Listener)
- 软件工程视频学习笔记(三十四)
- JMeter学习(三十四)测试报告优化
- 信息安全工程师 学习笔记(三十四)
- java学习笔记(三十四)网络编程
- PyGobject(三十四)布局容器之Assistant
- 机器学习基础(三十四)—— 协同过滤(之获得推荐)
- CCF NOI1005 存款收益
- MOVE降低高水位 HWM
- 电商和电信之间的区别,浅谈。
- FloodFill算法
- 如何禁止SQL Server服务自启并创建快捷方式以手动启动
- React学习之扩展浅比较(三十四)
- 三国佚事——巴蜀之危
- friend之友元函数和友元类
- node.js 使用第三方模块formidable实现文件上传并修改文件名
- NYOJ 412 Same binary weight
- 用STM32自制APM四轴飞行器
- 细说JDK动态代理的实现原理
- 城市问题
- 两种方法求解 Reversing Linked List