redux和sessionStorage，localStorage的区别

最新推荐文章于 2024-08-24 08:40:48 发布

勒布朗-前端

最新推荐文章于 2024-08-24 08:40:48 发布

阅读量307

点赞数 1

文章标签：前端

本文链接：https://blog.csdn.net/weixin_51225684/article/details/125539025

版权

本文探讨了Redux和LocalStorage在数据管理上的差异。Redux在内存中存储数据，刷新页面后数据会丢失，适合组件间的共享；而LocalStorage数据持久化，即使页面刷新也不会消失，适用于跨页面数据共享。Redux能自动响应状态变化，LocalStorage不具备此功能。尽管LocalStorage可作为静态数据源替代Redux，但无法处理多个组件共享并同步数据的情况。了解这些区别有助于选择合适的数据管理方案。

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

1.redux中的数据，在刷新（手动或者js触发）页面时，就会消失（或者说被重新初始化），无法持久化。
2.sessionStorage中的数据，关闭浏览器后消失（会话结束），且按域存储。
3.localStorage中的数据，永不消失（持久化在硬盘），且按域存储。
4.redux中的数据发生变化，相关页面（connect），会自动响应变化，其他两者无此功能，这是主要区别。
5.最重要的区别：redux存储在内存，localstorage则以文件的方式存储在本地
6.应用场景：redux用于组件之间共享数据，localstorage则主要用于不同页面（浏览器的tab间）之间共享数据。
7.永久性：当刷新页面时redux存储的值会被重新初始化，localstorage不会变。

注：很多同学觉得用localstorage可以代替redux, 对于不变的数据确实可以，但是当两个组件共用一个数据源（对象或数组）时，如果其中一个组件改变了该数据源，希望另一个组件响应该变化时，localstorage无法做到，原因就是区别1和4。