Redux + Normalizr 分离(删除)操作

Question

我使用 redux 和 normalizr 来规范来自服务器的响应，基本上遵循 real-world例子。这样entities reducer 很简单，只需合并响应即可。我现在遇到的问题是 delete手术。我找到了这个 issue#21 of normalizr repo但仍然无法弄清楚如何解决这个问题。例如，

当前状态是

{
  entities:
    product_categories: {
      ...
      13: {
        ...
        products: ["1", "2"], <--------------- [i] Current state
        ...
      }
    },
    products: {
      1: {
        id: "1"
      }
    }
}

归一化响应是

{
  ...
    product_categories: {
      ...
      13: {
        ...
        products: ["1"], <---------------- [2] Normalized result
      }
  ...
}

如您所见，后端 api 仅返回 属于该类别的所有产品 ID ，在这种情况下，“2”是分离的。当“实体” reducer 合并此响应时，“2”仍然存在。现在我只是重新加载页面，但我想知道是否有更好的方法来处理这种情况？

在 entities reducer ，我只是像在现实世界中的例子一样合并它。
return merge({}, state, action.payload.entities);

Answer 1

只是不要担心它在那里。把你的状态想象成一个数据库。您也不会真正从数据库中删除记录以避免复杂的级联——通常您只是更改它们在数据库中的状态。同样，使用 Normalizer，不是真正删除实体，而是让它们在缓存中，直到用户离开页面!