使用相同选择器的多个组件，重新选择

Question

我正在使用重新选择库。 我有很多组件连接（在他们的stateProps）到某个选择器（用重新选择实现，让我们把它称为选择器A）。每当选择器A的参数（也是选择器称为B，C，D）发生更改时，选择器A将重新计算并分别为每个连接的组件调用。由于这个计算是密集的，这使我在性能上花费了很多。有没有办法避免这种情况并为所有人计算一次？ 谢谢

Answer 1

重新选择库implements memoization for the selectors。只有当选择器的输入值改变时，才会重新计算使用createSelector函数创建的选择器。否则，选择器将返回其先前的memoized值 - 跨越组件。从reselect documentation：

如果输入选择器的值与先前对选择器的调用相同，它将返回先前计算的值，而不是调用转换函数。

这要求您在各个组件之间重复使用相同的选择器函数。通常，您会创建选择器以及缩减器（例如，在reducer.js中），这些选择器将构建您正在选择的状态。您还应该组合选择器以获得额外的智能，这样也可以记忆跨不同选择器共享的子状态。