Caminho correto para img em React.js

Tenho algum problema com minhas imagens no meu projeto de reação. Na verdade, eu sempre pensei que o caminho relativo no atributo src era construído na arquitetura de arquivos

Aqui minha arquitetura de arquivos:

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

No entanto, percebi que o caminho foi construído no URL. Em um dos meus componentes (por exemplo, em file1.jsx), tenho o seguinte:

localhost/details/2
<img src="../img/myImage.png" /> -> Works

localhost/details/2/id
<img src="../img/myImage.png" /> -> doesn't works, images are not displayed

Como é possível resolver este problema? Quero que, em qualquer forma de rotas tratadas pelo react-router, todas as imagens possam ser exibidas com o mesmo caminho.

questionAnswers(10)

yourAnswerToTheQuestion