Javascript 如何迭代对象，反应

我想让下面的代码遍历我创建的对象

function itemContent(number) {
  return (
    <div >
      <div className="item">
          <div className="itemPic">
            <img src={work.worked[i].picture} alt={work.worked[i].alt} />
          </div>
          <div className="itemInfo">
            <div className="itemInfoLeft">
              <p>{work.worked[i].title}</p>
              <p>{work.worked[i].intro}</p>
            </div>
            <div className="itemInfoRight">
              <p>{work.worked[i].source}</p>
              <p>{work.worked[i].date}</p>
            </div>
          </div>
        </div>
      </div>
  )
}

如您所见，我只希望代码遍历第一个对象（redo和kth）。你知道怎么做吗

---

非常感谢您的帮助。

您的意思是这样的吗

function itemContent(number) {
  const workedItems = Object.values(work.worked);
  return (
    <div>
    {workedItems.map(item =>
      <div className="item">
          <div className="itemPic">
            <img src={item.picture} alt={item.alt} />
          </div>
          <div className="itemInfo">
            <div className="itemInfoLeft">
              <p>{item.title}</p>
              <p>{item.intro}</p>
            </div>
            <div className="itemInfoRight">
              <p>{item.source}</p>
              <p>{item.date}</p>
            </div>
          </div>
        </div>
      }
      </div>
  )
}

如果您只想迭代

redo

和

kth

并忽略

work.worked

的其他键，您可以使用以下方法：

const workedItems = [work.worked.redo, work.worked.kth];

---

如我所见，数据是对象的对象。如果是url，可以通过写入src={worked.redo.picture}来访问图片数据。如果在本地存储图像，则需要先导入图像，将其指定为变量，然后使用itHello，谢谢您的帮助。

const workedItems = [work.worked.redo, work.worked.kth];