React Component和Purecomponent区别

React中的Component和PureComponent都是用来创建组件的类。它们的区别在于在shouldComponentUpdate生命周期函数中的实现方式。

Component是一个普通的组件类，它的shouldComponentUpdate函数默认返回true，意味着每次组件的props或state发生变化时都会重新渲染组件。这可能会导致性能问题，特别是当组件包含大量子组件时。

PureComponent是一个优化过的组件类，它默认实现了一个浅比较的shouldComponentUpdate函数。当组件的props或state发生变化时，PureComponent会对新旧props和state进行浅比较，如果没有变化，则不重新渲染组件。这种优化可以减少不必要的渲染，提高性能。

使用PureComponent的注意事项：

• PureComponent仅进行浅比较，如果props或state中包含复杂的数据结构（如数组或对象），并且这些数据结构发生变化时，PureComponent可能无法正确检测到变化。
• PureComponent的shouldComponentUpdate函数依赖于props和state的引用变化。如果props或state是可变的，但是引用没有变化，那么PureComponent不会重新渲染组件。
• PureComponent适用于没有变化频繁的组件，对于需要频繁变化的组件，应该仍然使用Component，并在shouldComponentUpdate函数中根据具体情况手动判断是否需要重新渲染。