Ekrandaki resimleri içeri aktarmadan JSX kullanarak aktarın

Question

Sorun şu ki img etiketi ile. Tek söz konusu olduğunda, aşağıdaki kod resmi yükleyen:

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

Fakat aşağıda kod yükü yapmaz:

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

Ben json döngü [{ 'img gibi bir şey lazım ':' ./ images/image1.jpg ',' name ':' AAA '}, {' img ':' ./ images/image2.jpg ',' name ':' BBB '}] ve bunların her birini göster altbilgi adıyla görüntü olarak. Döngü iyidir, ancak resimler yüklenmez. Eklenecek her görüntüyü kendim almam mümkün değildir. JSX'den başka hiçbir şey kullanmıyorum. Lütfen iyilik yapın.

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

Answer 1

Öyle gibi dosyayı gerektiren gerekir.

Örnek:

tarayıcı ağ sekmesinde

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

Answer 2

require statik "ithalat" için kullanılır, bu nedenle sadece imports değiştirmeniz gerekir: