getStaticProps 没有向页面返回任何值..显示未定义

Question

所以我使用 json 占位符作为虚拟 api 并在 getStaticProps 中调用它。但我的主要功能是没有收到任何道具。每当我控制台记录它显示未定义的数据时。可能是什么问题？我知道代码是正确的。我尝试了很多不同的方法。使用 getStaticProps 有什么先决条件吗？

`import styles from './page.module.css'

export default function Home({data}) {
  console.log(data)
  return (
    <main className={styles.main}>
       <div>
                <h1>Next Application</h1>
                <h3>Users List</h3>
                {data ? 
                data.map((item, i) => {
                   return (
                   <li key={i}>{item.name}</li>
                   )
               }):
                <span>Loading...</span>
               }
                   
               
        </div>
    </main>
  )
}


export const getStaticProps = async () => {
  const response = await fetch(`https://jsonplaceholder.typicode.com/users`);
  const data = await response.json();
  console.log(data);
  return {
      props:{
          data
      } 
  }
}

我正在使用最新的 nextjs，其中有一个应用程序目录，里面有 layout.js 和 page.js。这段代码在 page.js.

从 api 获取值