React中的pureComponent纯组件

 1.实现性能优化

import React,{Component,PureComponent} from 'react'
export default class pureComponentpage extends PureComponent {
    constructor(props) {
        super(props)
        this.state={
            count: 0//浅比较
        }
    }
    setCount=()=>{
        this.setState({
            count:100
        })
    }
    render(){
        return (
            <div>
                <button onClick={this.setCount}>{this.props.count}</button>	
            </div>
        )
    }
}

2.必须是class组件形式，浅比较
3.pureComponent与Component关联

PureComponent 会对 props 和 state 进行浅层比较，并减少了跳过必要更新的可能性。

React.PureComponent 与 React.Component 很相似。两者的区别在于 React.Component 并未实现 shouldComponentUpdate()，而 React.PureComponent中以浅层对比 prop 和 state的方式来实现了该函数。