我尝试将我的项目迁移到 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 : Get data from local storage in getInitialProps method,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47419719/