title: How to use img tag in react
body: <p>I am trying to show my local image into html using react.</p>
  
  <p><a href="https://i.stack.imgur.com/7R8yL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7R8yL.png" alt="Here is my project structure"></a></p>
  
  <p>I have app.js which is calling Header component.</p>
  
  <p><a href="https://i.stack.imgur.com/ueoOS.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ueoOS.png" alt="App.js"></a></p>
  
  <p>I am trying to add woods.jpg</p>
  
  <p><a href="https://i.stack.imgur.com/2XohN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2XohN.png" alt="Header.js"></a></p>
  
  <p>The image does not exist, why?</p>
  
  <p><a href="https://i.stack.imgur.com/2taQ9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2taQ9.png" alt="html page and error"></a></p>
  
  <p>I tried different location but couldn't implement it, </p>
  
  <pre><code>src={"../w3images/woods.jpg"}
  src={"./w3images/woods.jpg"}
  src={"/w3images/woods.jpg"}
  src="/w3images/woods.jpg"
  </code></pre>