json - Next Js 序列化为 JSON ServerSideProps 问题

Question

我似乎无法弄清楚 NextJS 中这个 ServerSide 代码的问题。

export async function getServerSideProps(context) {
  const genre = context.query.genre;

  const request = await fetch(
    `https://api.themoviedb.org/3${
      requests[genre]?.url || requests.fetchTrending.url
    }`
  ).then((res)=> res.json());
 
  return {
    props: {
      results: request.results,
    },
  };
}

错误：从“/”中.results返回的错误序列化。getServerSideProps原因：undefined无法序列化为 JSON。请使用null或省略此值。

标签： jsonreactjsnext.jsserver-side-rendering

Answer 1

  export async function getServerSideProps(context) {
  const gener = context.query.gener;
  const request = await fetch(`https://api.themoviedb.org/3${requests[gener]?.url || requests.fetchTrending.url}`).then((res) => res.json())
  return {
    props: {
      results: request.results
    }
  }
}

然后导出默认函数 Home({ results }){ your jsx}