PureComponent

PureComponent 是 React 中的一个优化技术，它是 React.Component 的一个子类。与 React.Component 不同的是，PureComponent 会对组件的 props 和 state 进行浅比较，如果相同则不重新渲染组件，从而提高应用的性能。一般情况下，如果一个组件只依赖于它的 props 和 state，那么就可以将它定义为一个 PureComponent。

相关问题

purecomponent

PureComponent 是 React 中的一个优化技术，它是 React.Component 的一个子类，它可以帮助我们避免不必要的渲染，从而提高应用的性能。PureComponent 会自动进行浅比较，如果组件的 props 和 state 没有发生变化，那么组件就不会重新渲染。这样可以避免不必要的 DOM 操作，提高应用的性能。

PureComponent和Component

PureComponent 和 Component 都是 React 组件的基类。它们的主要区别在于组件的更新机制不同。

当一个组件的 props 或者 state 发生变化时，React 会重新渲染该组件。但是，React 并不是每次都会重新创建组件实例，而是会复用已经存在的实例。这个过程称为“组件重用”。

PureComponent 重写了 shouldComponentUpdate 方法，用浅比较（shallow compare）的方式来判断组件是否需要重新渲染。如果 props 和 state 没有发生改变，那么该组件就不会被重新渲染。因此，PureComponent 可以减少组件的渲染次数，提高应用的性能。

Component 的 shouldComponentUpdate 方法默认返回 true，也就是说每次 props 或者 state 发生变化时都会重新渲染组件。如果组件的渲染开销较大，那么频繁的重新渲染会影响应用的性能。在这种情况下，可以将组件改写为 PureComponent，或者手动实现 shouldComponentUpdate 方法，以减少组件的渲染次数。