如何在反应样板中使用重新选择

Question

我正在使用react-boilerplate

，我正在构建一个小项目，以便我能理解选择器的使用。

我看了video我非常喜欢这一点，我相信我清楚地了解了应该在哪里使用选择器。

所以视频说的是，当我们想要组合两个或更多个redux状态时，我们应该使用选择器，因此具有组合状态（如果我错了，请始终纠正我）。

因此，鉴于该定义，我有以下问题，

1. 使用样板文件时，即使我不需要组合2个或更多状态，我也应该使用选择器吗？

例如，我编写了以下选择器

const selectCardRendererDomain = () => (state) => state.get('cardRenderer');

export {
  selectCardRendererDomain,
};

如果你问我这没有多大意义，但我喜欢在我的项目中保持统一，这样每次我需要访问一些旧代码时我都可以轻松地遵循相同的流程。

1. 是否有任何食谱我可以看到其他更有经验的人如何使用Boilerplate的选择器？ 我已经看过样板文件的例子，但我不认为我正在找的是那里（如果我错了请再次纠正我）。

先谢谢人们

Answer 1

是否使用选择器访问状态属性是一个设计决定，由您决定。

我个人更喜欢只通过选择器访问状态道具。主要好处是：

• 将状态与组件分离
• 如果将来状态发生变化，可以避免任何痛苦
• 可测试性

使用选择器（或记忆选择器）从状态计算/派生数据 - 而不是 - 目前是基于Redux的应用程序中的最佳实践。

Redux DOCS有一个专门用于Computing derived data的页面。非常好的阅读。