​‌PureComponent和Component​

‌PureComponent和Component是React中两种不同的组件类型，它们的主要区别在于性能优化方式和适用场景。‌‌12

性能优化方式

• ‌Component‌：这是React中最基本的组件类型，所有的类组件都继承自Component。每当使用Component创建的组件进行重新渲染时，React会始终重新渲染该组件及其所有子组件，无论状态或属性是否发生变化。这可能导致不必要的性能开销。
• ‌PureComponent‌：它是Component的一个变体，通过自动实现shouldComponentUpdate方法来提供性能优化。PureComponent会对组件的props和state进行浅比较，仅在它们发生变化时才会触发重新渲染。这意味着如果组件的props和state没有变化，React不会重新渲染该组件，从而节省了渲染所需的时间和资源。

适用场景

• ‌Component‌：适用于那些需要频繁更新且更新逻辑复杂的场景，或者当你需要完全控制渲染逻辑时使用。由于它总是重新渲染，所以不需要额外的性能优化逻辑。
• ‌PureComponent‌：适用于那些状态变化不频繁或者变化逻辑简单的场景。通过浅比较props和state来减少不必要的渲染，提升应用性能。

浅比较机制

PureComponent通过内置的浅比较机制来决定是否重新渲染组件。浅比较只比较第一层属性，对于对象等引用数据类型，它比较的是内存地址，而不是内容。这意味着对于基本数据类型（如数字、字符串），浅比较可以有效地减少渲染次数；但对于对象等引用数据类型，浅比较可能无法准确反映内容的变化，因此可能不适合所有场景。