小编典典

使用JSX在React中显示图像而无需导入

reactjs

我面临的问题是img标签。当涉及单个图像时,以下代码将加载图像:

import image1 from './images/image1.jpg;
<img src={image1} />

但是以下代码无法加载:

 <img src={'./images/image1.jpg'}/>
            or
  <img src='./images/image1.jpg'/>

我需要遍历json,类似[{‘img’:’./ images / image1.jpg’,’name’:’AAA’},{‘img’:’./ images /
image2.jpg’,’
name’:’BBB’}],然后将每个图像显示为图像,并将其名称显示为页脚。循环很好,但是图像不会加载,实际上我自己不可能导入要添加的所有图像。到目前为止,除了JSX,我什么都没用。请帮忙。


阅读 278

收藏
2020-07-22

共1个答案

小编典典

您需要这样的文件:

<img src={ require('./images/image1.jpg') } />
2020-07-22