Próbuję zaimportować obrazy do tablicy w React JS. Moją intencją jest to, aby mieć możliwość wyświetlania tablicy i wyświetla obrazu po jednym na raz. Jednak moje zdjęcia nie są rozpoznawane poprawnie. Jestem zupełnie pewien, że to mój błąd składni, ale ja po prostu nie mogę jej rozwiązać. Obecnie jestem studentem, który dopiero uczy się reagować, więc jestem bardzo wdzięczny za każdą i wszelką pomoc!
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>
)
))
}