javascript - NextJS : getInitialProps method

Question

使用 NextJS 并看到一个页面示例:

class IndexPage extends Component {
  static async getInitialProps(context) {
    return {};
  }
  render() {
    return <div>hello world</div>;
  }
}
export default withRouter(IndexPage);

NextJS 中的 getInitialProps 方法到底有什么作用？

Answer 1

getInitialProps 通常是一个异步函数，适用于服务器上的异步操作，然后将数据作为 props 传递到页面。

它可以在服务器和浏览器上运行(例如，如果您使用Link)。

我的结论是，当您的组件充当页面并且您希望将数据作为 Props 提供时，使用 getInitialProps 来获取数据。

文档:https://nextjs.org/learn/basics/fetching-data-for-pages