无法使用 getServerSideProps 获取 API 数据

Question

我正在尝试从 JSON 占位符 API 中获取用户名并只是简单地显示它，但它似乎以未定义的形式返回并且不确定为什么。任何帮助都会很棒！

function GetServer({ data }) {

  return (
    <>
      <h1>{data.name}</h1>
    </>
  )
}

export async function getServerSideProps() {
  const res = await fetch(`https://jsonplaceholder.typicode.com/users/1`)
  const data = await res.json()

  return { props: { data } }
}

export default GetServer

Answer 1

猜测，上面的代码不在页面内。您必须在页面文件中。

getServerSideProps can only be exported from a page. You can’t export it from non-page files.

https://nextjs.org/docs/basic-features/data-fetching/get-server-side-props

无法使用 getServerSideProps 获取 API 数据

Unable to fetch API data using getServerSideProps

reactjs

next.js