如何在几个地方过滤redux存储数据

时间:2017-07-10 16:20:51

标签: reactjs redux react-redux

如果我有减少存储汽车列表的商店。

我使用该列表填充多个组件,例如下拉列表和示例表(可以过滤)。

当我过滤表格时,我的下拉列表会被过滤到, 除了在其他页面上,他们共享同一家商店。

如果我在商店中克隆那部分数据,我会放弃在所有地方添加/编辑的选项。

此类案件的最佳做法是什么?可能还有例子吗?

2 个答案:

答案 0 :(得分:1)

您应该避免从组件内部编辑商店数据。 当您过滤组件中的列表时 - 创建列表的新克隆实例 - 以确保您不会更改商店中的任何内容。

如果您想要更改商店中的任何内容 - 请使用操作。

您应该将存储数据保持为只读组件。

我发现了一篇关于这个主题的好文章https://hackernoon.com/redux-step-by-step-a-simple-and-robust-workflow-for-real-life-apps-1fdf7df46092

答案 1 :(得分:0)

正如我所看到的,这篇文章很好地解释了这个问题,之前没有看到它:

http://redux.js.org/docs/recipes/ComputingDerivedData.html

因此,这可能是过滤或执行任何其他操作而不会污染商店数据的正确方法。