Next js getStaticPaths 和 Props 用于组件而不是页面

时间:2021-01-21 17:41:20

标签: reactjs next.js getstaticprops getstaticpaths

我将 export const getBaseUrlNative = (eUrl : string | undefined, ext : string | undefined) => { try { if (!eUrl) throw new Error("Error .") return ext ? eUrl+ext : eUrl; } catch (err) { console.log(err) } } getStaticPaths 结合使用,用数据库数据预先构建我所有 300 个作者的页面,以便它们立即加载到客户端。

事实是,这些 getStaticProps (id = author's id) 页面有一个侧边栏,它是一个组件 /author/[id],用于获取带有该作者数据的 props。

现在我还需要创建 <Sidebar props={props} /> (id = video id),它应该具有完全相同的侧边栏,因为我通过视频 id 检索作者的 id,所以它会显示一个视频并将侧边栏放在一边相关作者的数据。 问题是在这种情况下,我无法预先构建整个页面,因为它们太多了,但是这些页面可能具有的侧边栏仍然最多 300 个,因为如前所述,它们填充了 300 个作者的数据。< /p>

那么如何使用 /video/[id]getStaticPaths 缓存侧边栏而不是整个页面?或者对于这种情况,推荐使用 Next.js 的方法是什么?

0 个答案:

没有答案