本文介绍了在使用React和MobX进行状态管理时，如何解决刷新页面导致状态丢失的问题。通过将状态缓存到session中，实现了页面刷新后状态的保留。具体做法包括在页面加载时检查session并恢复状态，以及在页面卸载时将状态存入session。通过在store文件中添加相应代码，并在App.js中配置，成功解决了状态丢失的问题。
问题
近日在使用react的过程中，在状态管理方面，我使用了mobx，但是发现它与vuex有一个一样的问题，在强制刷新之后会使我保存的状态丢失，于是我打算仿照我处理vuex的方法，写一个类似的功能，话不多说，进入正题。
思路
我打算这样处理：把状态缓存在session里。
步骤一：在页面一进入的时候判断session内是否有我缓存的状态，有，那么就把缓存中的数据赋值给我的状态，没有，就不做任何操作
步骤二：在页面刷新或者退出的时候，把数据缓存到session内，beforeunload事件。
下面直接上代码
代码
@action getDataFromSessionStorage = () => {
sessionStorage.getItem
最低0.47元/天 解锁文章
扫一扫
721
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
