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

Question

我正在使用react-boilerplate

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

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

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

所以根据这个定义，我有以下问题，

1. 在使用样板文件时，我是否应该使用选择器，即使我不必组合 2 个或更多状态？

比如我写了下面的选择器

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

export {
  selectCardRendererDomain,
};

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

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

提前感谢大家

Answer 1

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

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

• 从组件中解耦状态形状
• 如果将来状态形状发生变化，避免任何痛苦
• 可测试性

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

Redux DOCS 有一个专用于Computing derived data 的页面。很好读。