React+redux，组件数组。重新渲染此数组中仅更改的组件的方法？

Question

例如，在页面上我有许多组件，许多组件数组。 如果我调度一些动作，则包含所有这些组件数组的整个页面都会重新呈现。 但我不需要在页面上重新渲染未更改的项目/组件。 我只想重新渲染更改的组件。我知道有 shouldComponentUpdate() 。但是在每个组件中使用 shouldComponentUpdate 编写逻辑并不是那么酷。也许有一些图书馆，或者可能有一些替代方法？我听说过reactjs/reselect，对于此类问题是否正确，或者如果我误解了，请告诉 reselect 代表哪些问题？那么在使用功能组件的情况下呢？

也许还有其他一些库用于优化性能并控制允许重建的组件？

我还找到了 https://github.com/seatgeek/react-infinite https://github.com/bvaughn/react-virtualized 。这两个库是否出于相同目的？有什么区别？选哪个？

还有一个简单的问题，假设我正在获取数据，它正在添加到数组中。 如何在每次获取新项目时只渲染添加的项目，而不是整个数组？

Answer 1

是的，你是对的。
我建议您考虑重新选择。
重新选择允许您记忆数据并仅选择应用程序某些部分正在使用的商店部分。
使用选择器，如果您选择的商店部分发生更改，该库将导致您的 DOM 重新呈现；但是，即使您的商店的某些部分已更改但未连接到所需的数据，也不会。

Answer 2

重新选择他的一个很棒的图书馆，这就是你所需要的。唯一的缺点是如果您在许多组件中使用选择器。您需要拥有每个选择器的实例才能将其设为私有。可以通过制作函数 makeMapStateToProps 来轻松完成，就像他们在此处显示的 https://github.com/reactjs/reselect#sharing-selectors-with-props-across-multiple-components 一样。但我不喜欢为我需要的每个选择器都做这个。所以我找到了这个库，它是最后一个 https://github.com/toomuchdesign/re-reselect 的扩展。这一个执行相同的选择器，但您可以使用一些键进行缓存。