新手学习历程记（三） 关于React.memo()

再没有看这个之前，其实一直觉PureComponent 和Component 是一样的，也不知道区别在哪里，今天看了React.memo这个才知道。

React.memo() 和 PureComponent 很相似，它帮助我们何时渲染组件。

组件仅在它的 props 发生改变的时候进行重新渲染。通常来说，在组件树中 React 组件，只要有变化就会走一遍渲染流程。但是通过 PureComponent 和 React.memo()，我们可以仅仅让某些组件进行渲染。

由于只有需要被渲染的组件被渲染了，所以这是一个性能提升。

两者的区别：

PureComponent 要依靠 class 才能使用。而 Rea

包裹已有的组件

由于 React.memo() 是一个高阶组件，你可以使用它来包裹一个已有的 functional component：

ct.memo() 可以和 functional component 一起使用。

也就是说，想让有状态改变才重新的组件都可以放到这个里来，像下面这样