next.js 为什么我不能正确地接收 prop

cgvd09ve  于 2023-06-22  发布在  其他
关注(0)|答案(1)|浏览(119)

请注意,此问题标记为next.js。熟悉Next.js对于理解下面代码中getStaticPropsHome函数之间的关系至关重要。

export async function getStaticProps() {
  const dummyData = [
    {
      id: '1',
      name: 'john'
    },
    {
      id: '2',
      name: 'Tom'
    }
  ];
  return {
    props: { data:dummyData }
  };
}

export default function Home({ data }) {
  console.log(data);
  return (
    <ul>
      <li>USER</li>
      {data && data.map((user) => (
        <li key={user.id}>
          {user.name}
        </li>
      ))}
    </ul>
  );
}

我尝试使用getStaticProps将数据发送到Home函数,但当我console.log它时,它显示undefined
我想从getStaticProps()接收数据。

eanckbw9

eanckbw91#

您刚刚声明了Home组件,但尚未调用它并将值传递给它。在调用组件Home的位置,必须像这样为数据传递值

<App>
  <Home data={[1,2,3,4]} />
</App>

相关问题