PureComponent的作用:
PureComponent 其实是在内部帮我们简单实现了一下shouldComponentUpdate的功能,以便提供组件的性能;这里的简单指是:对prop和state做浅比较,若浅比较结果相同,则该组件以及其子组件不做render;否则,render。
对比示例:
// index.jsx
import React, {
Component } from "react";
import ReactDOM from "react-dom";
import './style.css';
import SubPage1 from "../components/SubPage1/SubPage1";
import SubPage2 from "../components/SubPage2/SubPage2";
class PageA extends Component {
constructor(props) {
super();
this.state = {
outerNum: 0,
innerNum: 0,
}
}
addOuterClick = () => {
console.log("===== addOuterClick =====");
this.setState({
outerNum: ++this.state.outerNum
})
}
addInnerClick = () => {
console.log("===== addInnerClick =====");
this.setState