Как хранить изображения в объектах?

Question

как правильно хранить изображение url в этом массиве? Если я назову this.props.cover, я бы хотел, чтобы он отображал изображение ссылки. Как правильно решить эту проблему?

const ALBUMS = [
  {  id: 1, 
    title: "Lemonade", 
    artist: "Beyoncé", 
    year: 2016 
 cover: img src= "https://upload.wikimedia.org/wikipedia/en/e/e9/Massive_Attack_-_Mezzanine.png"
  }

Answer 1

Обычно храните URL-адрес

const ALBUMS = [
      {
        id: 1,
        title: "Lemonade",
        artist: "Beyoncé",
        year: 2016,
        cover: "https://upload.wikimedia.org/wikipedia/en/e/e9/Massive_Attack_-_Mezzanine.png"
      }
    ]

, и если вы хотите его использовать, вы можете использовать его, вызвав объект.

ALBUMS[0].cover

Answer 2

Вы должны сохранить URL-адрес, как показано ниже, и передать массив в качестве реквизита.

const albume = [
  {  id: 1, 
    title: "Lemonade", 
    artist: "Beyoncé", 
    year: 2016 ,
 cover: "https://upload.wikimedia.org/wikipedia/en/e/e9/Massive_Attack_-_Mezzanine.png"
  }]


const showImgs=(props)=>(props.map((x,key)=>
   <img key={key} alt='' src={x.cover} />
  ))  

Посмотрите этот пример