आयात के बिना जेएसएक्स का उपयोग कर प्रतिक्रिया में छवियों को प्रदर्शित करें

Question

समस्या का सामना आईएमजी टैग के साथ है। जब एक भी संबंध है, नीचे कोड छवि लोड:

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

लेकिन नीचे कोड लोड नहीं होता:

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

मैं, [{ 'img की तरह कुछ json के माध्यम से लूप करने की जरूरत है ':' ./ images/image1.jpg ',' name ':' AAA '}, {' img ':' ./ images/image2.jpg ',' name ':' BBB '}] और उनमें से प्रत्येक को प्रदर्शित करें पाद लेख के रूप में नाम के साथ छवि के रूप में। लूपिंग ठीक है लेकिन छवियां लोड नहीं होती हैं। मेरे लिए प्रत्येक छवियों को जोड़ने के लिए वास्तव में संभव नहीं है। मैं अभी तक जेएसएक्स के अलावा कुछ भी नहीं उपयोग करता हूं। कृपया पक्षपात करें।

Answer 1

तुम इतनी तरह फ़ाइल की आवश्यकता की जरूरत है:

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

Answer 2

require स्थिर "आयात" के लिए प्रयोग किया जाता है, तो आप सिर्फ अपने imports बदलने की जरूरत है।

उदाहरण:

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