Correct path for img on React.js

by

I have some problem with my images on my react project. Indeed I always thought that relative path into src attribute was built on the files architecture

Here my files architecture:

components
    file1.jsx
    file2.jsx
    file3.jsx
container
img
js 
...

However I realized that the path is built on the url. In one of my component (for example into file1.jsx) I have this:

localhost/details/2
<img src="https://stackoverflow.com/questions/37644265/img/myImage.png" /> -> works

localhost/details/2/id
<img src="https://stackoverflow.com/questions/37644265/img/myImage.png" /> -> doesn't work, images are not displayed

How is it possible to solve this problem? I want that in any form of routes handled by react-router, all images can be displayed with the same path.

14 Answers
14

Leave a Comment