reactjs - 当我在 React JS 中导入所有组件时，我可以使用 foreach 吗？

Question

我在从我有index.js的位置导入所有组件（图像）时尝试使用foreach，但看起来不起作用。

我只能通过这种方式访问​​图像：

import * as AllPics from '../assets/images'
.
.
.
<img src={AllPics.Image1} />
<img src={AllPics.Image2} />

我想做这样的事情：

import * as AllPics from '../assets/images'
.
.
.
{ AllPics.foreach((image) => <img src={image} /> )

你知道这是否可能吗？

标签： reactjs

Answer 1

AllPics是一个命名空间，它是一个对象（尽管是一种特殊的对象）。您可以使用以下方法迭代其值Object.values：

{Object.values(AllPics).map(
  image => <img src={image} />
)}