如何在将应用程序加载到next.js之前从api获取初始数据

如何在将应用程序加载到next.js之前从api获取初始数据,next.js,Next.js,我想在应用程序呈现之前从api加载一些数据 是的,我知道我们可以在组件的getInitialProps方法中完成,但我不想在每个组件加载时加载它, 我只需要进行1个api调用,并在所有组件中访问检索到的数据。最简单的方法是什么 是的,我知道我们可以在组件的getInitialProps方法中完成 我想这可能是你困惑的原因。getInitialProps方法用于页面加载。不适用于单个构件荷载 我只需要进行1个api调用,并在所有组件中访问检索到的数据 有几种方法可以做到这一点 如果您想利用SSR

我想在应用程序呈现之前从api加载一些数据

是的,我知道我们可以在组件的getInitialProps方法中完成,但我不想在每个组件加载时加载它, 我只需要进行1个api调用,并在所有组件中访问检索到的数据。最简单的方法是什么

是的,我知道我们可以在组件的getInitialProps方法中完成

我想这可能是你困惑的原因。getInitialProps方法用于页面加载。不适用于单个构件荷载

我只需要进行1个api调用,并在所有组件中访问检索到的数据

有几种方法可以做到这一点

如果您想利用SSR

使用getInitalProps进行页面加载和修改

如果你只想坚持做出反应

制作一个更高级别的组件,其中包含需要api数据的所有子组件。在方法中调用api,也可以使用。从更高级别的组件再次通过道具传递数据,就像在正常的react应用程序中一样

无论哪种方式,您都在限制进行api调用的次数。这样,您就不会在每次DOM重新呈现每个组件时都碰到端点

和都很棒-我一直都在那里

是的,我知道我们可以在组件的getInitialProps方法中完成

我想这可能是你困惑的原因。getInitialProps方法用于页面加载。不适用于单个构件荷载

我只需要进行1个api调用,并在所有组件中访问检索到的数据

有几种方法可以做到这一点

如果您想利用SSR

使用getInitalProps进行页面加载和修改

如果你只想坚持做出反应

制作一个更高级别的组件,其中包含需要api数据的所有子组件。在方法中调用api,也可以使用。从更高级别的组件再次通过道具传递数据,就像在正常的react应用程序中一样

无论哪种方式,您都在限制进行api调用的次数。这样,您就不会在每次DOM重新呈现每个组件时都碰到端点


和都很棒-我一直都在那里

您可以在
\u app
.js文件的
getInitialProps
中执行此操作。([nextjs doc][1])[1]:您可以在
\u app
.js文件的
getInitialProps
中执行此操作。([nextjs doc][1])[1]: