ReferenceError: localStorage 没有在 ReactJS Build 中定义答案

【问题标题】：ReferenceError: localStorage is not defined in ReactJS BuildReferenceError: localStorage 没有在 ReactJS Build 中定义
【发布时间】：2016-08-11 01:22:21
【问题描述】：

我在我的 react 应用程序中的经过身份验证的组件上大量使用 localStorage，以从本地存储中获取用户详细信息，并在登录时存储它们。

当我构建我的应用程序时，它会抛出 ReferenceError: localStorage is not defined。

我知道这可能是因为节点无权访问 localStorage，因此出现错误。

我该如何解决这个问题？

这是我在组件中使用的代码示例。

import React, {PropTypes} from 'react';
import AccountBasicInfo from '../components/AccountBasicInfo';


export class Account extends React.Component {


    userBasicInfo(){
      const user = localStorage.getItem('User') ? JSON.parse(localStorage.getItem('User')) :{};
      const cashback = localStorage.getItem('cashback') ? JSON.parse(localStorage.getItem('cashback')) :{};
    }
    render(){
      return(
          <div>
              <AccountBasicInfo theme="theme2" item={this.userBasicInfo.bind(this)()}/>
          </div>
      );
    }
}



export default Account;

【问题讨论】：

标签： javascript node.js reactjs

【解决方案1】：

如果您需要在没有原生 localStorage 实现的节点上运行相同的、未修改的代码，您可以考虑使用诸如 node-localstorage 之类的 shim。

您还可以考虑重写代码以使用另一种存储信息的方式。

【讨论】：