redux 存储的数据在重新加载时变空
我是反应和雷力的新手。 我的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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
如果您想使用redux持久状态。我建议您继续使用Redux。这就是我使用的。
If you want to persist state using redux. I recommend you go for redux persist. It's what I use.
不幸的是,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.