javascript - React-redux 应用程序不会延迟刷新存储

标签 javascript reactjs redux axios

我正在为我的网络应用程序使用 React JS。

它使用 Redux 和 Axios 从 API 获取数据。

当我进入应用程序中的某个个人资料页面时,它从 API 获取数据并呈现页面。

问题是,当我转到另一个配置文件时,它首先打开包含先前配置文件数据的页面,然后 2-3 秒后信息更改为新获取的数据。

在某些组件中,更改不会发生,并且它们会显示以前的信息。仅在刷新 2-3 次后您才能看到更改。

我的几乎所有 API 交互函数都是异步函数。

我做错了什么?

我是 React 新手,我不知道要在此处粘贴代码的哪一部分以获取更多详细信息。不知道这个问题可能与什么有关。

最佳答案

转到新个人资料页面和调用 fetch 的 2 个触发器会一起调用。你需要将它们分开。 选项 1: 显示新页面,然后加载,然后获取配置文件。 选项 2: 显示加载中,等待抓取成功,然后切换。

关于javascript - React-redux 应用程序不会延迟刷新存储,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60362016/

相关文章:

reactjs - 在哪里存储 Class 实例以实现 Redux 中的可重用性?

javascript - 在 React 中获取目标 html 元素的颜色

javascript - react |如何检查初始状态是否改变

javascript - 通过程序获取 Coursera 视频下载链接

javascript - 如何在 React 中向其他组件传递值

javascript - 填充 javascript 类型数组的最佳方法?

javascript - Material UI 中的 RTL 导致破坏了我的应用程序外观

reactjs - React-router-dom v4 404 pageNotFound <路由路径 ="*".../> 不工作

reactjs - 不可草拟值的大小写缩减器不得返回未定义

javascript - 如何使用 JavaScript 显示从数据库正确检索的日期