如何在 Redux 化简器中分离不同的关注点

  • 本文关键字:分离 关注点 Redux redux
  • 更新时间 :
  • 英文 :


我想为一组数据创建一个过滤器。比如说,它类似于 https://www.npmjs.com/"查找包"搜索栏,但没有任何 AJAX 调用。加载应用程序时我拥有的所有数据集。

因此,我有一些"allPackages"对象,其中包含用户可以搜索的所有实体和"filteredPackages",每次用户更改搜索栏文本时都会重新计算这些实体。

如何使用 Redux paradygm 实现这种行为?如果我创建"filteredPackages",如何传递"allPackages"数据?AFAIK,组合减速器功能不允许这样做。

每(计算派生数据),一般建议是存储您所在州所需的最少信息量。 此外,根据(Redux 常见问题解答),我们鼓励您存储规范化的数据。 因此,您可能拥有处于状态的所有项目的列表,以及描述已应用过滤器类型的字段。 然后,在连接的组件中,您可以使用"选择器"函数针对所有项目的列表运行适当的过滤器。

Redux Todo示例也演示了这种方法: Redux Todos

最新更新