一次说明规范化和多个过滤器

时间:2019-05-01 17:17:34

标签: reactjs redux frontend state normalization

假设我们有一个 User 实体,该实体可以处于有效无效状态。现在,在一个视图中,我需要渲染:

  • 所有用户(显示最后5个,分页显示)
  • 活跃用户(显示最后5个,分页显示)
  • 不活跃的用户(显示最后5个,分页显示)

所有这些都需要显示最后5个项目并提供分页。因此,所有这些都需要进行不同的查询。

如何实现这种情况,但仍然具有规范化的状态结构?我唯一想到的是:

#1-将它们分开

{
  users: [],
  activeUsers: [],
  inactiveUsers: []
}

但这意味着users可以包含activeUsersinactiveUsers中的元素-破坏了规范化。

#2-将所有内容保留在users中,并使用选择器

{
  users: []
}

不幸的是,这种方法使加载activeinactive用户更加困难,因为我不仅将响应映射到数据,而且很难保留请求所需的查询。< / p>

有什么想法吗?

0 个答案:

没有答案