title: Image not loading when passing a prop to <img src="this.prop." /> in React
body: <p>I have an issue regarding a link not loading my image when I pass a prop to the attribute src of img. I have tried wrapping require() around my links and it didn't work.</p>
  
  <p>I have a huge library of products which would be unfeasible to manually import images using the image loader.</p>
  
  <p>Therefore, is there a way to load an image using props inside the src attribute?</p>
  
  <p>I am using NODE_PATH=src/</p>
  
  <p>Thanks for the help!</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>export const productLib = [{
      ID: "001",
      name:"product name",
      src: "lib/productLib/img/product_name",
      color: "",
      ...
      }, {...}]</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>import React from 'react';
  
  export class Products extends React.Component {
      render() {
          return(
              &lt;div className="products"&gt;
                  &lt;img src={this.props.product.src} width="50" /&gt;
                  &lt;h6&gt;{this.props.product.name}&lt;span className={`block ${this.props.product.color}`}&gt;&lt;/span&gt;&lt;/h6&gt;
              &lt;/div&gt;
          )
      }
  }</code></pre>
  </div>
  </div>
  </p>