如何在 Redux Store 中存储一个实体？

Question

我正在为我的 Redux Store 使用 Normalizing State Shape，它看起来像这样：

  entities: {
    users: {
      list: [], // <-- list of all my users
      loading: false,
      lastFetch: null,
    },
  }

如果有人直接在用户的详细信息页面上打开网站，我不知道该怎么办。例如：{WEBSITE_URL}/users/1。 Redux Store 是空的，我只需要请求一个实体。我应该：

1. 获取整个列表，将其放入 Store 并选择一个请求的实体？

2. 仅获取用户#1，将其放入Store用户列表（entities.users.list），将lastFetch设置为空（这是因为如果有人将重定向到下一个列表，他将再次获取新列表. 显然之前的列表没有所有用户），并显示列表中的用户 #1。

3. 仅获取用户 #1，将其放在 Store 中的单独位置。例如在users 的selected 字段中：

    entities: {
      users: {
        list: [], 
        loading: false,
        lastFetch: null,
        selected: null // <--- HERE
      },
    }
   

您认为最好的解决方案是什么？我需要selected 字段吗？所有的教程和课程都没有提到这个场景，只有场景如何获取列表。

Answer 1

我也面临同样的困境。

我的方法始终是 - 3. 我正在创建选择/单一状态以加载数据，并创建一个额外的 action（例如 clearSelectedUser、clearSelectedPost）以在组件卸载时从存储中清除数据。

我还使用 Redux Saga 来获取数据（执行异步操作），这可以作为组合使用。我真的很喜欢在没有异步调用的情况下拥有整洁的组件的想法。

但是，我也发现 可接受 在这种特殊情况下（实体单页/屏幕）。

如果您从 API 获取分页数据，

选项 1. 将不起作用。你只会让事情复杂化。

选项2。我同意你的观点。