如何在 React redux 中管理个人资料页面的状态?

How to manage state for profile pages in React redux?

我知道这听起来与其他问题相似,但不是

我正在学习 React 并想创建一个示例项目来实现我所学的一切。我正在使用 redux 进行状态管理。 所以应用程序如下。

APP描述: 用户可以登录到该网站并 post 他们的照片。其他用户也将能够查看其他人的个人资料和照片。它有点像 Instagram,但适用于网络。

我的问题是如何管理此处的个人资料图片数据。假设用户 A 访问用户 B 的个人资料。我基本上可以获取 userB 的个人资料及其图片并将其存储在 redux 中。但是当用户 A 访问其他用户的个人资料时会怎样。我应该从 redux 存储中删除 userB 的数据吗?或者我应该为 userA 访问的所有用户维护此数据。

简而言之,我如何管理多个用户的个人资料和图片数据

我想知道结构和操作如何,而不是代码。

提前致谢。

如果我理解得很好,当负责显示配置文件信息的组件被卸载时,您可以通过调度操作从状态中删除用户 B 信息,当您访问另一个用户配置文件时,您必须设置状态通过调度另一个操作来获取该用户的信息。无需保留您所在州所有访问用户的信息。

将其视为一个序列:

  1. 组件已挂载
  2. 在 componentDidMount 或 useEffect 中调用 action creator,如果你正在使用 hooks
  3. 获取数据(redux thunk 是一个选项)
  4. 动作已分派
  5. Reducer 执行该操作并更新状态
  6. 组件重新渲染并显示访问用户的数据
  7. 当您离开页面时组件被卸载,您可以选择清除状态