title: importing images locally in react
body: <p>I am not understanding how import works in React. I'm currently using <code>create-react-app</code>. I have a folder inside components folder named <code>images</code>: </p>
  
  <pre><code>- src
    - components
      - images
  </code></pre>
  
  <p>Insides the components folder I also have a js file named <code>ProductSquare.js</code>.
  I am trying to import a picture from images folder using this line</p>
  
  <pre><code>import bumper from './images/bumper1.png';
  </code></pre>
  
  <p>I have tried changing it to only <code>bumper1.png</code> and many other options. What am I doing wrong here? ( would appreciate a better way to do it in the future). </p>
  
  <p>Is this how programmers import pictures in the real world? </p>