使用NextJs在儿童中调用getInitialProps

Question

I am implementing data fetching in Next.js using this example:

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

I first tried it by adding the getInitialProps bit in one of my components but it does not get called unless I put it in one of the main pages. I read some somewhat related discussions that I may need to call the children's getInitialProps from the pages/parent getInitialProps but not clear on how to do so. Also I am wondering if perhaps I should keep the call in the page itself as far as proper technique.

Answer 1

Ah.. right from he NextJS docs :)

Note: getInitialProps can not be used in children components. Only in pages.

Answer 2

You need to use higher order components (HOC). page as children of HOC. You can call getInitialProps from HOC and as well as from page.

Here is an example: https://github.com/zeit/next.js/tree/canary/examples/with-higher-order-component