title: Image is not being displayed whiloe using the Local File Path
body: <p>How can I place my local image file in the dummy-data.js file?</p>
  
  <pre><code>const HProduct{
   constructor(){
  this.id:id;
  this.title:title;
  this.image:image;
  this.description:description;
  this.price:price;
  
  }
  
  }
  </code></pre>
  
  <p>If placing the path is like this:</p>
  
  <pre><code>new Product(
  
  'p6',
  
  'Carrots',
  require('../assets/my-apps-images/carrots.jpg'),
  
  "The carrot is a root vegetable, usually orange in color, though purple, black, red, white, and yellow cultivars exist.",
  
  70,
  )
  </code></pre>
  
  <p>How can I call that  component?</p>
  
  <p>Like this??</p>
  
  <p><code>&lt;Image  source={props.image} /&gt;</code></p>
  
  <p>I get a warning and a black display of the image. Please check it out. May be I am clear now
  <a href="https://i.stack.imgur.com/DKGVY.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DKGVY.jpg" alt="enter image description here"></a>
  <a href="https://i.stack.imgur.com/pVBbJ.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pVBbJ.jpg" alt="enter image description here"></a>
  <a href="https://i.stack.imgur.com/FBtQT.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FBtQT.jpg" alt="enter image description here"></a></p>