访问 localStorage 而不是 redux-store 的简单方法答案

【问题标题】：Simple way to access localStorage instead of redux-store访问 localStorage 而不是 redux-store 的简单方法
【发布时间】：2018-12-10 11:30:12
【问题描述】：

我刚刚将一些东西从我的商店导出到 localStorage（实际登录用户），因此用户应该能够打开第二个选项卡而无需再次登录。

为了将数据放入 localStorage，我使用了 Redux-Middleware（如果操作是登录，我将登录数据放入 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 方法访问令牌。

【问题讨论】：

标签： javascript reactjs redux redux-middleware

【解决方案1】：

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

【讨论】：

谢谢。如果需要，请随时寻求支持
刚刚在整个商店都试过了，效果很好。正是我想要的。谢谢。我尝试配置白名单，所以 localStorage 不是那么大。