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

knsnq2tg  于 2022-12-13  发布在  其他
关注(0)|答案(2)|浏览(161)

我是react和redux的新手。我在react js应用程序中有3个屏幕。在第一个屏幕上,用户输入id,该id被存储在redux存储中。在第一个屏幕的提交按钮API被调用,它将id作为参数,并带来数据。我将该数据存储在redux存储中。在第二个屏幕上,当我重新加载页面时出现了问题,redux存储的数据被初始化为初始状态,即空。
我希望当我重新加载页面时,请求应该再次转到服务器并获取数据。
注意-我没有访问id在第二个屏幕上重新加载后,所以我不能调用API再次在useEffect挂钩。其次,我不想存储数据在任何存储。
请协助。谢谢

kx5bkwkv

kx5bkwkv1#

不幸的是,如果没有对DB或浏览器存储(如localStorage或indexedDB)的某种持久性,redux或任何react状态在整个浏览器刷新过程中都不会得到维护。
如果您决定持久化redux存储以通过浏览器刷新来维护状态......我听说redux-persist非常适合它。https://www.npmjs.com/package/redux-persist。它将使用本地存储或会话存储,这取决于它的配置。

pepwfjgg

pepwfjgg2#

如果你想用redux持久化状态,我推荐你用redux persist,我就是这么用的。

相关问题