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

Question

我面临的问题是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，我什么都没用。请帮忙。

Answer 1

您需要这样的文件：

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