PureComponent与Component的区别

PureComponent
PureComponent是组件开发中的重要概念，组件开发人员需要深度理解相关概念。
组件:里面写的是html
PureComponent大组件big PureComponent
大组件big PureComponent里面有三个小组件：小组件a、小组件b、小组件c
小组件a需要更改相应的数据，小组件b和小组件c不会有所改变。
PureComponent改变，里面的三个组件a、b、c都会改变。

举个对比的例子：
例子1：注意图中加粗的字体
import React, { Component } from ‘react’;
import { Button, Input } from ‘antd’;
class TestDemo extends React.PureComponent {
constructor(props) {
super(props);
};

// html
render() {
return (

Primary

);
}
}
export default TestDemo;

例子2：

import React, { Component } from ‘react’;
class SearchList extends Component { }

PureComponent与Component的区别相关推荐

React解密：React中PureComponent和Component的区别是什么
提到PureComponent,应该并不是react与生俱来就有的,而应该是在15.3版本之后才出现的,主要是为了取代之前的PureRenderMixin.所以对于几年不怎么接触react的我来说,当 ...
React 的 PureComponent Vs Component
一.它们几乎完全相同,但是PureComponent通过prop和state的浅比较来实现shouldComponentUpdate,某些情况下可以用PureComponent提升性能 1.所谓浅比较 ...
[react] React.createClass和extends Component的区别有哪些？
[react] React.createClass和extends Component的区别有哪些? 1.语法 React.createClass和extends采用函数构造 extends Comp ...
module 与 component 的区别
看到有人在扯 module 和 component 的区别,于是我也来插一句.对于 Web 前端项目而言,它们没有任何区别!所有对它们区别的高谈阔论都是瞎逼逼!为何 npm 的组件安装目录就叫 nod ...
React中PureComponent和Component异同
它们几乎完全相同,但是PureComponent通过prop和state的浅比较来实现shouldComponentUpdate,某些情况下可以用PureComponent提升性能所谓浅比较 ...
Spring 注解 @bean 和 @component 的区别, 你知道吗？
本文打算介绍几个不太容易说出其区别,或者用途的 Spring 注解,比如 @Component 与 @Bean 的比较,@ControllerAdvice 是如何处理自定义异常的等等. Spring ...
React.createClass和extends Component的区别
语法区别 propType 和 getDefaultProps 状态的区别 this区别 Mixins 语法区别 React.createClass import React from 'react' ...
Spring @Configuration和@Component的区别（enhancer的原因）
Spring @Configuration 和 @Component 区别一句话概括就是 @Configuration 中所有带 @Bean 注解的方法都会被动态代理,因此调用该方法返回的都是同一个 ...
Spring 注解比较，@Bean 和 @Component的区别
点击下方"IT牧场",选择"设为星标" 本文打算介绍几个不太容易说出其区别,或者用途的 Spring 注解,比如 @Component 与 @Bean 的比较, ...

PureComponent与Component的区别

PureComponent与Component的区别相关推荐

最新文章

热门文章