使用NextJs在子级中调用getInitialProps

Question

我正在使用此示例在Next.js中实现数据提取：

https://github.com/zeit/next.js/blob/master/examples/data-fetch/pages/index.js

我首先尝试在我的一个组件中添加getInitialProps位，但除非我将其放在其中一个主页中，否则不会调用它。我读了一些有些相关的讨论，我可能需要从页面/父getInitialProps调用孩子的getInitialProps，但不清楚如何这样做。另外，我想知道是否应该在页面本身保留调用，直到正确的技术。

Answer 1

啊......从他的NextJS docs开始：）

  

注意：getInitialProps不能用于子组件。仅在页面中。

Answer 2

您需要使用更高阶的组件（HOC）。作为HOC儿童的页面。您可以从HOC和页面调用getInitialProps。

以下是一个示例：https://github.com/zeit/next.js/tree/canary/examples/with-higher-order-component