请注意,此问题标记为next.js。熟悉Next.js对于理解下面代码中getStaticProps
和Home
函数之间的关系至关重要。
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()接收数据。
1条答案
按热度按时间eanckbw91#
您刚刚声明了Home组件,但尚未调用它并将值传递给它。在调用组件Home的位置,必须像这样为数据传递值