Javascript getStaticProps返回empthy对象

在IndexPage上，我使用getStaticProps调用api。当我在前端登录console.log时，浏览器上会出现一个空对象

iam正在使用NextJS

   const IndexPage = (props) => {
     console.log(props)
    return(
      <h1>Hello</h1>
    )
    }
    

export async function getStaticProps() {
  const res = await fetch("https://jsonplaceholder.typicode.com/todos");
  const posts = await res.json();

  return {
    props: {
      posts,
    },
  };
}

export default IndexPage;

constindexpage=（道具）=>{
控制台日志（道具）
返回(
你好
)
}
导出异步函数getStaticProps（）{
const res=等待获取（“https://jsonplaceholder.typicode.com/todos");
const posts=wait res.json（）；
返回{
道具：{
帖子，
},
};
}
导出默认索引扩展；

没有使用它，但我几乎可以肯定，如果您查看启动nextjs应用程序的控制台的控制台输出，您将在那里看到结果，请看一看。以下是文档中的解释：

如果从页面导出名为getStaticProps的异步函数，Next.js将在构建时使用getStaticProps返回的props预呈现此页面

---

这里的关键部分将在构建时预渲染。因此，在服务器端渲染期间，服务器端将调用

getStaticProps

。

是的，它确实会在终端上登录，但我想在前端显示数据。没问题，我假设您不希望只使用console.log，在这种情况下，只需将其包装为所需的html即可。Nextjs将在服务器端渲染所有内容，并返回已渲染的帖子。只需从

InpdexPage

：

返回props.posts.map（post=>{post.title}）