如何解决Next js getStaticPaths 和 Props 用于组件而不是页面
我将 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 个作者的数据。
那么如何使用 /video/[id] 和 getStaticPaths 缓存侧边栏而不是整个页面？或者对于这种情况，推荐使用 Next.js 的方法是什么？
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
