React js'deki bir dizideki bir görüntü çözümlenemiyor

0

Soru

Görüntüleri React js'deki bir diziye aktarmaya çalışıyorum. Amacım dizi ile harita ve resimleri bir zaman gibi görünür olması mümkün olacak. Ancak, görüntülerim düzgün bir şekilde çözülmüyor. Bunun benim yaptığım bir sözdizimi hatası olduğundan eminim, ancak bunu çözemiyorum. Şu anda sadece tepki vermeyi öğrenen bir öğrenciyim, bu yüzden her türlü yardım çok takdir ediliyor!

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

Hata İletisi

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

En iyi cevabı

0

Sen can't use alınan görüntüler doğrudan, senin durumunda sen kullan elemanı ve iznin resmi olarak bir kaynak.

Yerine

{blog.image}

bunu dene

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

...

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

Uygulamanızın MKK ile oluşturulduğunu varsayarak bu konuda daha fazla bilgi.

2021-11-23 14:57:54

Diğer dillerde

Bu sayfa diğer dillerde

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