Nie można rozpoznać obraz w tablicy w React JS

0

Pytanie

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>
        )
    ))
}

komunikat o błędzie

arrays image reactjs
2021-11-23 14:42:05
1

Najlepsza odpowiedź

0

Nie można korzystać z zaimportowane obrazy bezpośrednio w twoim przypadku należy użyć elementu i wyślij swoje zdjęcie jako źródła.

Zamiast

{blog.image}

spróbuj to

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

...

<img  src={universe} alt="universe"/>

Dodatkowe informacje o tym, pod warunkiem, że twoja aplikacja została stworzona z pomocą CRA.

2021-11-23 14:57:54

W innych językach

Ta strona jest w innych językach

Русский
..................................................................................................................
Italiano
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................