正如我所看到的，主要区别在于组件每次父组件都重新发布时都会重新发布，而不管组件的属性和状态是否已更改。

另一方面，如果纯组件的父对象重新渲染，则不会重新渲染，除非纯组件的属性（或状态）已更改。

例如，假设我们有一个具有三级层次结构的组件树：父级，子级和孙级。

当父母的道具以仅改变一个孩子的道具的方式改变时，则：

• 如果所有组件都是常规组件，则整个组件树将重新呈现
• 如果所有子孙都是纯组件，则只有一个孩子会退任，其子孙中的一个或全部将退还，这取决于他们的道具是否被更改。如果此组件树中有很多组件，则可能意味着性能上的显着提高。

但是，有时使用纯组件不会产生任何影响。当父母从redux商店收到道具时，需要对孩子的道具进行复杂的计算时，我遇到了这样的情况。父母使用平面清单来呈现其孩子。

结果是，每当redux存储区进行很小的更改时，都会重新计算儿童数据的整个平面列表。这意味着对于树中的每个组件，道具都是新对象，即使其值没有变化。

在这种情况下，纯组件无济于事，并且如果需要重新渲染，则只能通过使用常规组件并在shouldComponentUpdate中检入子代来实现性能提升。

之间的主要区别React.PureComponent，并React.Component为PureComponent做一个浅浅的比较上的状态变化。这意味着在比较标量值时，它会比较它们的值，但是在比较对象时，它只会比较引用。它有助于提高应用程序的性能。

您React.PureComponent可以满足以下任何条件。

• 状态/道具应该是不可变的对象
• 状态/道具不应具有层次结构
• forceUpdate数据更改时您应该致电

如果您正在使用React.PureComponent，则应确保所有子组件也都是纯组件。

我们可以考虑将React.PureComponent用作React.component会对性能产生任何影响？

是的，它将提高您的应用程序性能（由于比较浅）

我猜测Purecomponent的shouldComponentUpdate（）仅执行浅表比较。如果是这种情况，该方法不能用于更深入的比较吗？

您猜对了。如果您满足我上面提到的任何条件，则可以使用它。

“此外，React.PureComponent的shouldComponentUpdate（）会跳过整个组件子树的属性更新”-这是否意味着属性更改会被忽略？

是的，如果在浅层比较中找不到区别，则道具更改将被忽略。

Component and PureComponent have one difference

PureComponent is exactly the same as Component except that it handles the shouldComponentUpdate method for you.

当道具或状态发生变化时，PureComponent将对道具和状态进行浅浅的比较。Component另一方面，开箱即用时不会比较当前道具和状态。因此，无论何时shouldComponentUpdate调用，组件都会默认重新渲染。

浅比较

当比较先前的道具和状态与下一个道具时，浅表比较将检查基元具有相同的值（例如1等于1或true等于true），并且在更复杂的javascript值（如对象和数组）之间引用相同。

来源：https : //codeburst.io/when-to-use-component-or-purecomponent-a60cfad01a81