Nemôže vyriešiť snímky v poli v Reagovať JS

0

Otázka

Som pokuse importovať obrázky do poľa v Reagovať JS. Mojím zámerom je, aby mohli na mape cez pole a majú sa obrázky zdajú byť jeden ako čas. Avšak, moje obrazy nie sú správne vyriešiť. Som si takmer istý, že je syntaktická chyba môjho robiť, ale ja som jednoducho nie je schopný vyriešiť tento. Ja som v súčasnej dobe študent, ktorý je len naučiť reagovať, tak všetky pomoc ocenia!

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

Chybové Hlásenie

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

Najlepšiu odpoveď

0

Nie je možné použiť importované snímky priamo vo vašom prípade by ste mali použiť prvok a odovzdať svoj imidž ako zdroj.

Namiesto

{blog.image}

skúste tento

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

...

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

Viac informácií o tejto za predpokladu, že vaša aplikácia bola vytvorená s CRA.

2021-11-23 14:57:54

V iných jazykoch

Táto stránka je v iných jazykoch

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