无法解决的一个图像在一系列在作出反应JS

我试图进口的图像转换成一系列在作出反应JS。 我的意向是要能够在地图上通过的阵列，并具有的影像会出现一种作为的时间。 然而，我的照片都没有得到适当解决。 我相当肯定地说这种方法是语法错误的我这样做，但是我只是不能够解决这个问题。 目前我的一个学生仅仅是学习作出反应，因此，任何和所有帮助非常感谢！

import universe from "./images/universespider.jpeg"

let content = [
    {
        title: "Universe",
        image: universe,
        author: "Alex",
        date: "09/09/8099",
        blog: "Spider-Man is in different universes.",
    },
]

import "./blogs.css"
import content from "../../content"

export default function blogs() {
    return (
        content.map((blog, i) => (

        <div key={i}> 
        <div className="blogBox">
            {blog.title}
            {blog.image}
            {blog.author}
            {blog.date}
            {blog.blog}
            </div>
        </div>
        )
    ))
}

错误信息