0

Web urls work, local path images work as background images. But, local path images WONT work using img tag.

use case

       <div class="Gallery">
  <div class="ItemOne">
     <img src="images/witcher.jpg" alt="ImageOne"></img>
  </div>
  <div class="ItemTwo">2</div>
  <div class="ItemThree">3</div>
  <div class="ItemFour">4</div>
dustytrevino
  • 1
  • 1
  • 1
    Does this answer to your question? https://create-react-app.dev/docs/adding-images-fonts-and-files/ – Ahmad Faraz Jul 15 '22 at 18:17
  • https://stackoverflow.com/questions/39999367/how-do-i-reference-a-local-image-in-react – Ahmad Faraz Jul 15 '22 at 18:19
  • Does this answer your question? [How do I reference a local image in React?](https://stackoverflow.com/questions/39999367/how-do-i-reference-a-local-image-in-react) – Ron Jul 15 '22 at 18:47

1 Answers1

2

Import the image first

import ImageOne from 'images/witcher.jpg'

and use it this way

<img src={ImageOne} alt="ImageOne"></img>
caro
  • 21
  • 3