有什么方法可以将 ID 和 Slug 从 getStaticPaths 传递到 getStaticProps [nextjs]答案

【问题标题】：Is There Any Way to Pass Both ID and Slug from getStaticPaths to getStaticProps [nextjs]有什么方法可以将 ID 和 Slug 从 getStaticPaths 传递到 getStaticProps [nextjs]
【发布时间】：2020-12-20 23:59:40
【问题描述】：

我想在我的 next.js 应用程序中将我的 URL 设置为 slug，但还需要将 itemID 传递给 getStaticProps 以便从我的 API 获取我需要的数据。

如何将 ID 和 slug 从 getStaticPaths 传递给 getStaticProps 而不是其中一个？

export async function getStaticPaths() {
  const paths = items.map(item => (
    { params: { id: item.itemID }}
  ))

  return {paths, fallback: false}
}

我希望做这样的事情：

const paths = items.map(item => ({ 
      params: { 
        id: item.itemID,
        title: item.description
      }
    }))

【问题讨论】：

标签： next.js

【解决方案1】：

相信您可以在此blog example from Next.js 中找到问题的答案。他们首先调用getStaticPaths() 以获取所有路径的列表，然后将该信息传递给getStaticProps() 以获取每个路径的数据。由于数据是在构建时生成的，我相信 Nextjs 可以一次性构建好所有页面并准备好提供服务。

【讨论】：