title: Display images in React using JSX without import
body: <p>The problem I faced is with the <code>img</code> tag. When a single image is concerned,
  The below code loads the image:</p>
  <pre><code>import image1 from './images/image1.jpg';
  &lt;img src={image1} /&gt;
  </code></pre>
  <p>But the below code doesn't load:</p>
  <pre><code> &lt;img src={'./images/image1.jpg'}/&gt;
              or
    &lt;img src='./images/image1.jpg'/&gt;
  </code></pre>
  <p>I need to loop through json, something like:</p>
  <pre><code>[{'img':'./images/image1.jpg','name':'AAA'}, {'img':'./images/image2.jpg','name':'BBB'}]
  </code></pre>
  <p>Plus, display each of them as image with name as footer. Looping is fine but the images doesn't load. It is not actually possible for me to import every images to add. I don't use anything other than JSX as of now. Please favour.</p>