我试图用nextjs和axios从jsonplaceholder中获取一个帖子列表。
这是我的ListOfPosts.jsx

import Link from "next/link";
import axios from "axios";

export default function ListOfPosts({posts}) {
    return(
        <div>
            {posts.map(post => (
                <div key={post.id}>
                    <Link href={`/posts/${post.id}`}>{post.body}</Link>
                </div>
            ))}
        </div>
    )
        
}

export const getStaticProps = async () => {
    const response = await axios.get('https://jsonplaceholder.typicode.com/posts');
    console.log(response.data);
    const posts = response.data;
    return {
        props: {
            posts
        }
    }
}

字符串
这是我的posts/page.jsx

import ListOfPosts from "./ListOfPosts";

export default async function PostsPage({posts}) {
    return (
        <>
            <section>
                <ListOfPosts posts={posts}/>
            </section>
        </>
    )
}

型
我得到的错误是ListOfPosts.jsx中的cannot read properties of undefined (reading 'map')
我做错了什么，当试图获取职位与axios？