Javascript 按项目编号选择阵列中的对象

如何从该

数组中的第二个
[2]
对象
获取
url

[
  {
    "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];
    })})`,
  }}
/>

{
d、 网址[2]；
})})`,
}}
/>

但是，它返回为
，，，
您只需访问第二个图像，然后访问其url:

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



数组索引是从零开始的，因此第二幅图像位于索引1
干杯-我喜欢把事情复杂化。如果允许，将在7分钟内接受。