reactjs - NextJS : Get data from local storage in getInitialProps method

Question

我尝试将我的项目迁移到 Next.js 框架以获得 SSR(服务器端渲染)功能。这是我的简单页面:

class Example extends React.Component {
  static getInitialProps() {
    // api getting data. Need authentication data under local storage
  }
  render() {
    return <div>{this.props.data}</div>;
  }
}

我遇到的问题是:我希望我的数据首先来自 getInitialProps (这就是 SSR 的目的)。但是发送时，我需要后端 API 的用户信息。但在这个函数中，渲染是在服务器上进行的，因此我无法从本地存储中获取数据。如何解决这个问题。

谢谢

Answer 1

您可以将对 localStorage 的调用放入 React 组件生命周期方法中，例如 componentDidMount，然后使用结果 setState() 。

这不是很好，但会起作用。

请注意，这显然不会使用 SSR。