title: React - Dynamic Image loading using props
body: <p>I am attempting to load an image with the src of the image being stored in the <code>this.props.src</code>. The <code>this.props.src</code> outputs the correct name of the img file I would like to load: "koolImg". I am importing the file by: <code>import koolImg from '../img/koolImg.png'.</code> This is the current setup: <code>&lt;img src={this.props.src} alt="noLoad"/&gt;</code>. However, no image is loaded, just the "alt" value is displayed. What am I missing? I am new to React.</p>
  
  <p><img src="https://i.stack.imgur.com/Gsk9I.png" alt=""></p>
  
  <p>I created this react app using the <code>npx create-react-app koolImgApp</code> command, thus using webpack. Running on React 16.4.1 and using Google Chrome 67.</p>