Why can't I see the image in the React component?

Question

JavaScript

And so, this structure:

-public
--index.html
-src
--components
---myComp.js
--files
---n-logo.js

Here's how I write in myComp.js :
<img src="../files/n-logo.svg" alt=""/>
but the picture is not found. Tried it like this:
<img src="/src/files/n-logo.svg" alt=""/>- absolute path, also not
What could be the problem?

Answer 1

You should not specify the path in the file system, but the URL relative to the folder that you have webroot. Wang that this is public. Those. you need to put the image in public and specify the URL there.

Answer 2

In my project, all files are in public and I specify the path to the files './files'