在沒有導入的情況下使用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') } /> 

Answer 2

require用於靜態「進口」，那麼你只需要改變你的imports。

例子：

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