redux 存储的数据在重新加载时变空

发布于 2025-01-18 04:24:49 字数 368 浏览 0 评论 0原文

我是反应和雷力的新手。 我的React JS应用程序中有3个屏幕。 在第一个屏幕上,用户输入 id ,该ID被存储在Redux Store中。 在提交第一个屏幕按钮API上,它将 id 作为参数并带上数据。我将这些数据存储在Redux商店中。 在第二屏幕上,我从商店获取数据后显示了该数据。 当我重新加载页面时会出现问题,Redux Store的数据被启动到初始状态,即空。

我想要重新加载页面时,请求应再次访问服务器并获取数据。

注意 - 重新加载后第二屏幕上我无法访问 id ,因此我无法在使用效果挂钩中再次调用API。 其次,我不想将数据存储在任何存储中。

请协助。 谢谢

I am new to react and redux.
I have 3 screens in my react js application.
On First Screen, user input the id and that id get stored in redux store.
On submit of first screen button API is called which take id as a parameter and bring the data. I Store that data in redux store.
On Second Screen, I show that data after fetching it from store.
Problem arises when I reload the page, the data of redux store get initilized to initial state i.e. empty.

I want when I reload the page, request should again go to server and fetch the data.

NOTE - I dont have access to id on second screen after reload so I cant call API again inside useEffect Hook.
Secondly I dont want to store data in any storage.

Kindly assist.
Thank You

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

执手闯天涯 2025-01-25 04:24:49

如果您想使用redux持久状态。我建议您继续使用Redux。这就是我使用的。

If you want to persist state using redux. I recommend you go for redux persist. It's what I use.

夏花。依旧 2025-01-25 04:24:49

不幸的是,Redux或任何反应状态均未在整个浏览器刷新过程中保持不变,而没有某种持久性的DB或浏览器存储(例如LocalStorage或IndexEdDB)。

如果您确实决定坚持使用Redux商店,以通过浏览器刷新保持状态……我听说Redux-Persist非常有用。 https://www.npmjs.com/package/package/redux-package/redux-persist 。它将根据其配置方式使用本地存储或会话存储。

Unfortunately, redux or any react state is not maintained throughout a browser refresh without some sort of persistence to either a DB, or browser storage like localStorage or indexedDB.

IF you do decide to persist the redux store to maintain state through browser refreshes... I hear redux-persist is great for it. https://www.npmjs.com/package/redux-persist. It will use local-storage or session storage depending on how it's configured.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文