javascript - 使用 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') } />