时间戳

首页 > 解决方案 > 按项目编号选择数组中的对象

javascript - 按项目编号选择数组中的对象

问题描述

我怎样才能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];
    })})`,
  }}
/>

但是，它返回为,,,

标签： javascriptreactjs

解决方案

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

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

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

推荐阅读