我尝试将我的项目迁移到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/