如何在布局中实现getStaticProps



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

说了这么多-有可能在布局上调用getStaticProps吗?或者是否有另一种方法来获取服务器端数据的布局?

你只能在Next.js的" page files "中使用Next.js的数据获取方法(./pages/./src/pages/中的文件。

布局组件不能使用这些方法;然而,他们可以期望props以某种方式传递给他们。

所以,当你不能为布局组件的可重用性添加数据获取逻辑时,你可以要求道具,这样开发者就需要使用数据获取方法来提供布局组件所期望的道具。