Ruta correcta para img en React.js

Tengo algún problema con mis imágenes en mi proyecto de reacción. De hecho, siempre pensé que la ruta relativa al atributo src se basaba en la arquitectura de archivos

Aquí mi arquitectura de archivos:

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

Sin embargo, me di cuenta de que el camino se basaba en la url. En uno de mis componentes (por ejemplo, en file1.jsx) tengo esto:

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

¿Cómo es posible resolver este problema? Quiero que en cualquier forma de rutas manejadas por react-router, todas las imágenes se puedan mostrar con la misma ruta.

Respuestas a la pregunta(10)

Su respuesta a la pregunta