如何在React redux中管理配置文件页面的状态?

问题描述 投票:-1回答:1

我知道这听起来和其他问题类似,但它不是

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

APP描述用户可以登录网站并在那里发布他们的照片。其他用户也可以查看别人的个人资料和照片。它的东西像Instagram,但网络。

我的问题是我如何管理这里的个人资料图片数据。假设用户A访问用户B的资料。我基本上可以获取用户B的个人资料和它的图片,并将其存储在redux中。但是当用户A访问其他用户的资料时,怎么办?我是应该从redux存储中删除用户B的数据,还是应该为所有用户A访问的用户保留这些数据。

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

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

先谢谢你。

reactjs redux react-redux instagram profile
1个回答
1
投票

如果我理解的不错,当负责显示配置文件信息的组件被卸载时,你可以通过调度一个动作从状态中删除用户B的信息,当你访问另一个用户配置文件时,你必须通过调度另一个动作将该用户的信息设置为状态。没有必要把所有访问过的用户的信息都保存在你的状态中。

把它看成一个序列。

  1. 组件被安装
  2. 在 componentDidMount 中调用动作创建者,如果你使用钩子,则使用 useEffect 来调用。
  3. 获取数据(redux thunk是一个选项)
  4. 行动已发出
  5. 减速器采取该行动并更新状态
  6. 组件被重新渲染并显示被访问用户的数据
  7. 当您离开页面时,组件将被解除挂载,您可以选择清理状态。
© www.soinside.com 2019 - 2024. All rights reserved.