如何在布局中实现 getStaticProps答案

【问题标题】：How to implement getStaticProps in a layout如何在布局中实现 getStaticProps
【发布时间】：2021-10-20 16:50:49
【问题描述】：

Next.JS 布局可用于保持页面状态，但显然不能用于 API 调用。 docs 说使用 SWR 或 useEffect 来获取页面布局上的数据，但这对于静态数据（例如进入页脚的数据）来说是一种糟糕的体验。例如，获取页脚的街道地址不应在客户端完成，而应在服务器上完成。

说了这么多——是否可以在布局上调用getStaticProps？还是有另一种方法可以在服务器端获取布局的数据？

【问题讨论】：

【解决方案1】：

您只能在 Next.js “页面文件”（./pages/ 或 ./src/pages/ 内的文件）中使用 Next.js 数据获取方法。

布局组件不能使用这些方法；但是，他们可以期望 props 以某种方式传递给他们。

因此，虽然您无法将数据获取逻辑添加到布局组件的可重用性中，但您可以要求道具，以便开发人员需要使用数据获取方法来提供布局组件所期望的道具。

【讨论】：