I am currently working on a project in React JS where I need to import images into an array. The goal is to display these images one by one by mapping through the array. Unfortunately, I am facing issues with resolving the images properly. I believe it may be due to a syntax error that I made, but I am struggling to identify and fix it. As a student who is still learning React, any help would be greatly appreciated!
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>
)
))
}