PureComponent和Component的区别

PureComponent和component相比，PureComponent通过prop和state的浅比较来实现shouldComponentUpdate，在某些情况下，用PureComponent可以提高页面的渲染性能。

// shallowEqual 会比较 Object.keys(state | props) 的长度是否一致，每一个 key 是否两者都有，
// 并且是否是一个引用，也就是只比较了第一层的值，确实很浅，所以深层的嵌套数据是对比不出来的
if (this._compositeType === CompositeTypes.PureClass) {
   
    shouldUpdate = !shallowEqual(prevProps, nextProps) || !shallowEqual(inst.state, nextState);
}

当组件状态十分复杂的时候，建议不要去使用PureComponent。同时PureComponent的父组件，其子组件也必须是PureComponent，否正很有可能达不到预期的渲染效果。建议PureComponent主要用在逻辑简单的展示性子组件中。