为什么 lang 参数没有从 getStaticPaths 传递给 getStaticProps？

Question

getStaticPaths 方法：

export const getStaticPaths: GetStaticPaths = async () => {
  let ed = await fetch(`${baseURL}getEvents2`, {
    method: "post",
  });
  let events = await ed.json();
  const paths = ["hu", "en"].flatMap((lang) =>
    events.map((eventId) => ({
      params: { lang: lang, eventId: eventId },
    }))
  );
  return {
    paths,
    fallback: true,
  };
};

getStaticProps：

export const getStaticProps: GetStaticProps = async ({ ...context }) => {
  console.log(context);
}

console.log 输出：

我想在上下文中以某种方式看到 lang。 我怎么能做到这一点？

Answer 1

要从 getStaticPaths 返回要在 getStaticProps 中呈现的区域设置变体，您应该使用路径对象中的 locale 字段。

export const getStaticPaths: GetStaticPaths = async () => {
    let ed = await fetch(`${baseURL}getEvents2`, {
        method: "post",
    });
    let events = await ed.json();
    const paths = ["hu", "en"].flatMap((lang) =>
        events.map((eventId) => ({
            params: { eventId: eventId },
            locale: lang // Pass `locale` here
        }))
    );
    return {
        paths,
        fallback: true,
    };
};