官方文档原文：react.docschina.org/reference/r…
首先先来介绍一下purecomponent的作用：pure直接翻译为纯净的，纯净的组件即为保证组件每次输出的结果，在props和states相同的情况下都是一致的，（即组件不会依赖外部的其他变量导致组件产生副作用）。
react默认渲染行为是副组件重新渲染，其中的字组件也会重新渲染
使用purecomponent即向react约定该组件是一个纯净的组件，即使父组件发生重新渲染，但只要该组件的props和states没有发生变化，该组件便不会重新渲染，从而达到性能优化的目的
老写法：Mycomponent extends PureComponent
但是react推荐在新代码中，废弃类组件的写法，转变为hooks写法
需要引入memo：
import { memo } from 'react';
const Mycom = memo(
function Mycomponent() ........
)
