首页 > 解决方案 > 在页面刷新商店数据正在清除 reactJs

问题描述

嗨,我正在使用 redux 存储,它工作正常并存储数据,当我刷新页面存储变为空时,如何在页面刷新后将数据保存在存储中。

标签: reactjsreact-redux

解决方案


默认情况下,Redux 永远不会跨页面刷新保留数据。

我建议在 window destroy 上使用 localstorage 来存储 redux 存储。

然后,当您创建商店时,您可以从本地存储中拉入。

但是,如果状态中有任何不可序列化的数据,这将不起作用。

还有一个库做类似的事情:https ://github.com/rt2zz/redux-persist

对于更复杂或更大的商店来说,这似乎是一个更好的选择,因为 localstorage 是同步的,并且会在工作时阻止渲染。


推荐阅读