从 mapStateToProps 中删除未使用的 redux 字段是否会导致性能显着提升

Question

如果我们使用 redux HOC mapStateToProps - 我们会从我们的 React 应用程序中可用的各种子缩减器中解构某些属性。

随着时间的推移，会发生两件事：

1. 一些被提取的属性没有被使用（如果使用它的代码被删除）
2. 我们从 redux 中提取了一个更通用的属性（一个大对象）而不是特定的较小值。

如果我们解决这两个问题 - 在大约 150-200 个类的大型代码库中 - 性能是否会有显着提升（因为现在重新渲染较少）？

谢谢

Answer 1

解决这些问题可以显着提高应用程序的整体性能，减少mapStateToProps中未使用字段的数量将减少通过组件层次结构传递的数据数量，从而减少重新渲染并记住使用特定属性而不是传递整个对象显着提高了性能，因为我们在我们的应用程序中也面临同样的问题并进行了这些更改。 谢谢你。

Answer 2

如果未使用属性，这意味着：

1. 你可能还在 state 中拥有它们。
2. 你让他们迷上了 mapStateToProps

第一种情况它可能是正常的。 也许出于某种原因或将来使用，您仍想将它们保留在 state 中。

第二种情况，如果将它们与mapStateToProps一起使用的组件不需要它们，您最好删除它们，因为它们可能会生成重新渲染。 如果组件不再需要它，一个维护步骤是将它们从 mapStateToProps 中移除。