我正在做一个数据的模拟，并使用Map渲染它。但是我的图像需要很长的时间来加载，而且组件有点慢。
我已经尝试过使用Nextjs中的Image组件，但它给出了一个错误，因为它只接受src中的字符串，而我传递的是一个图像数组。
代码：

const data = [
    {
        id: 1,
        name: 'Thanos',
        image: '/images/thanos.png'
    },
    {
        id: 2,
        name: 'Jhon Wick',
        image: '/images/jhon.png'
    },
    {
        id: 3,
        name: 'Spider-Man',
        image: '/images/spider.png'
    },
    {
        id: 4,
        name: 'Doctor Strange',
        image: '/images/strange.png'
    },
    {
        id: 5,
        name: 'Batman',
        image: '/images/batman.png'
    }
]

export function Home() {
    return (
        <div>
            {data.map((d) => (
                <div key={d.id}>
                    <img src={d.image} alt="Image" />
                    <p>{d.name}</p>
                </div>
            ))}
        </div>
    )
}