Reactjs 在React JS中导入所有组件时是否可以使用foreach?
我试图在导入所有组件(图像)时使用foreach,从我有index.js的位置导入,但看起来不起作用 我只能通过以下方式访问图像:Reactjs 在React JS中导入所有组件时是否可以使用foreach?,reactjs,Reactjs,我试图在导入所有组件(图像)时使用foreach,从我有index.js的位置导入,但看起来不起作用 我只能通过以下方式访问图像: import * as AllPics from '../assets/images' . . . <img src={AllPics.Image1} /> <img src={AllPics.Image2} /> import*作为“../assets/images”中的所有图片 . . . 我想这样做: import * as All
import * as AllPics from '../assets/images'
.
.
.
<img src={AllPics.Image1} />
<img src={AllPics.Image2} />
import*作为“../assets/images”中的所有图片
.
.
.
我想这样做:
import * as AllPics from '../assets/images'
.
.
.
{ AllPics.foreach((image) => <img src={image} /> )
import*作为“../assets/images”中的所有图片
.
.
.
{AllPics.foreach((图像)=>)
你知道这是否可能吗?
AllPics
是一个名称空间,它是一个对象(虽然是一种特殊的对象)。你可以使用对象对其值进行迭代。值
:
{Object.values(AllPics).map(
image => <img src={image} />
)}
{Object.values(AllPics.map)(
图像=>
)}