React前端渲染优化--父组件导致子组件重复渲染的问题

1.适用场景：

当父组件本身状态更新时，这个状态并没有作为props传给子组件，也会触发子组件更新机制。这样就造成了组件重复渲染的问题

2.解决

类组件：pureComponent

它是一个类, 组件继承自它后, 其作为子组件时, 每次父组件更新后, 会浅对比传来的props是否变化, 若没变化, 则子组件不更新

函数组件：React.memo

同上条功能类似, 当其作用于函数式组件并且作为子组件时, 每次父组件更新后, 会浅对比传来的props是否变化, 若没变化, 则子组件不更新。

上面两个都区别在于, 一个是类, 一个是高阶组件, 前者作用于类后者作用于函数