我尝试将我的项目迁移到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的用户信息。但是在此功能下,渲染是在服务器上进行的,因此我无法从本地存储中获取数据。您如何解决这个问题。

谢谢

最佳答案

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

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

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

关于reactjs - NextJS:使用getInitialProps方法从本地存储中获取数据,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/47419719/

10-10 05:55