如何访问 getStaticPaths 中的参数？答案

【问题标题】：How to access params in getStaticPaths?如何访问 getStaticPaths 中的参数？
【发布时间】：2021-03-26 09:45:00
【问题描述】：

我有一个 Next.js 应用程序，并且 CMS 内容丰富。

本题相关文件结构如下：

pages
-[category]
  -[slug].js

我想做的是在用户访问类别/slug时访问类别的值。

现在我正在硬编码类别。有什么方法可以使用参数访问类别吗？

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
    };
}

【问题讨论】：

标签： javascript next.js

【解决方案1】：

getStaticPaths 用于预渲染路径，即在部署应用程序之前。您需要使用getStaticProps 进行按需渲染，在那里，您将拥有一个带有所有参数的context.params 对象（ctx.params.category，ctx.params.slug）

【讨论】：