访问localStorage而不是redux存储的简单方法

Question

我刚刚将一些东西从我的商店导出到localStorage(实际登录的用户(，因此用户应该能够在不再次登录的情况下打开第二个选项卡。

为了将数据放在localStorage中，我使用了一个Redux中间件(如果操作是login，我将登录数据放在localStorage中(。

export const storageMiddleware = () => next => action => {
console.log("Share Middleware...");
console.log(action);
switch(action.type){
case 'LOGIN':
localStorage.setItem('login-token', action.token);
localStorage.setItem('login-token-expiration', action.expiration);
break;
default:
break;
}
next(action);
};

现在我的问题是：有没有一种简单的方法可以从localStorage获取数据？就像读取中间件一样，我调用localStorage.getItem而不是从redux存储返回值？

或者，我必须更改每个使用登录数据访问localStorage而不是redux存储的组件。

现在我通过mapStateToProps方法访问令牌。

Answer 1

实现这一点的一个简单方法是使用redux持久化，它将redux状态持久化到本地存储。此外，还可以选择将特定的减速器列入黑名单或白名单。通过使用这个包，我们不必手动处理本地存储，因为redux存储更新