我的项目中遇到这样一个问题——用户登录系统之后,我将后台返回的用户信息存在了redux中,但页面刷新后,redux store就为空了,这样我就不能在页面中获得用户信息了,有些权限控制之类的事情就不能做了,所以我需要redux store数据的持久化。

有一个插件redux-persist是用来做数据的持久化的,它的原理就是把redux的store中的数据缓存到浏览器的localStorage中,那么该如何使用呢?

首先,我们要安装一下这个插件:

react+ts项目实战:怎么使redux store中的数据持久化?

然后,在页面中引用,使用方法参考https://github.com/rt2zz/redux-persist#state-reconciler

react+ts项目实战:怎么使redux store中的数据持久化?

react+ts项目实战:怎么使redux store中的数据持久化?

react+ts项目实战:怎么使redux store中的数据持久化?

最后,就可以在浏览器的localStorage中查看到具体的值了

react+ts项目实战:怎么使redux store中的数据持久化?

相关文章:

  • 2023-02-20
  • 2022-01-11
  • 2021-12-31
  • 2021-10-16
  • 2021-04-27
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-06-24
  • 2022-12-23
  • 2022-12-23
  • 2022-02-19
相关资源
相似解决方案