Tag Img does not render image from local folder Assets

Question

I can’t access the image, it doesn’t appear.

Answer 1

In React images should be imported when the file is local, a clear example:

import img from './assets/BeTheHero.png';

and in the code part pass this variable

<img src={img} />

and remember that the image should be inside the folder src to make it work.

Several other examples:

• How do I Reference local image in React?
• React won’t load local images
• Adding Images, Fonts, and Files
• How to import image (.svg, .png ) in a React Component
• importing images with React
• Load local images in React.js