Next.js 如何访问GetStaticPath中的参数
我有一个下一个js应用程序和CMS是满意的 与此问题相关的文件结构如下Next.js 如何访问GetStaticPath中的参数,next.js,getstaticpaths,Next.js,Getstaticpaths,我有一个下一个js应用程序和CMS是满意的 与此问题相关的文件结构如下 pages -[category] -[slug].js 我想做的是在用户访问category/slug时访问category的值 现在我正在硬编码catgeory。是否有任何方法可以使用params访问类别 const category = 'mains'; export async function getStaticPaths() { let data = await client.getEntries
pages
-[category]
-[slug].js
我想做的是在用户访问category/slug时访问category的值
现在我正在硬编码catgeory。是否有任何方法可以使用params访问类别
const category = 'mains';
export async function getStaticPaths() {
let data = await client.getEntries({ content_type: category });
return {
paths: data.items.map((path) => ({
params: { category: category, slug: path.fields.slug }
})),
fallback: false
};
}
getstaticpath
用于预渲染路径,即在部署应用程序之前。您需要使用getStaticProps
按需渲染,在那里,您将有一个context.params
对象和所有参数(ctx.params.category
,ctx.params.slug
)