React中Redux持久化State到localStorage

转载 于 2021-09-16 19:17:05 发布 · 752 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：https://juejin.cn/post/6844904022881632264
文章标签：

#react.js #html5 #javascript

本文介绍了如何利用Redux来实现应用数据的持久化存储。通过创建自定义的localStorage存取方法并结合Redux的createStore及subscribe功能，配合lodash的throttle进行性能优化，实现了在应用状态变化时自动保存到localStorage，并在启动时加载持久化数据。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

针对实际应用中需要对于应用的部分数据持久化的需求，这里写个例子简单说一下Redux怎么处理，一共就两步很简单

  1. 首先自己创建处理存取localStorage的方法，这里对于异常做一些处理

    localStoragte.js

  2. 使用loadState方法读取持久化的数据，在createStore时候使用第二个参数来指定；同时订阅store的变化调取存储的saveState方法，这里针对性能使用lodash的throttle方法做了节流限制

    index.js

憨逗君
关注