performance - 了解 React 渲染

Question

似乎 React 组件在其父组件渲染时总是运行其 render 方法，即使子组件没有状态或 props 更改，即使子组件没有状态或 props。

应该是这样吗？这其中有效率低下的地方吗？将子组件切换为 PureComponent 可以解决此问题，并且子组件将不会重新渲染。我应该选择 PureComponents 而不是常规组件吗？

Answer 1

如果您想控制组件重新渲染的原因，那么您应该使用 shouldComponentUpdate ，它可以在所有 React 组件上使用，除非它们是无状态功能组件。 PureComponent 基本上自动使用 shouldComponentUpdate 并对过去和当前的 props/state 进行浅层检查，如果有更改，它将重新渲染。

有时您可能正在处理更复杂的数据结构，并希望自己控制 shouldComponentUpdate ，在这种情况下，只需遵循此处的生命周期方法说明即可。

https://facebook.github.io/react/docs/react-component.html#shouldcomponentupdate

这也是 PureComponent 的信息

https://facebook.github.io/react/docs/react-api.html#react.purecomponent