通过项目编号选择数组中的对象

Question

如何从此url的第二个[2] object获得array。

[
  {
    "url": "https://example1.jpg",
  },
  {
    "url": "https://example2.jpg",
  },
  {
    "url": "https://example3.jpg",
  },            
]

我以为我可以做到

<div
  className="event-image"
  style={{
    backgroundImage: `url(${i.images.map(d => {
      d.url[2];
    })})`,
  }}
/>

但是，它返回为,,,

Answer 1

您可以只访问第二张图片，然后是网址：

<div
  className="event-image"
  style={{
    backgroundImage: `url(${i.images[1].url})`,
  }}
/>

数组索引是从零开始的，因此第二个图像位于索引1