react-PureComponent

PureComponent(纯组件)

用于避免不必要的渲染(运行render函数)

优化: 如果一个组件的状态和属性都没有发生变化,那么就没有必要重新渲染

PureComponent是一个组件,如果某个组件继承自它,则该组件的shouldComponentUpdate会进行优化,对属性和状态进行浅比较,如果相等则不会重新渲染

注意

1. PureComponent是进行浅比较
   1. 为了效率应该尽量使用PureComponent
   2. 永远不要直接更改之前的状态(不要–this.state.a = 123),而应该去覆盖(this.setState({a: 123}))
2. 函数组件使用React.memo(函数组件)制作纯组件