Korrekter Pfad für img auf React.js

Ich habe ein Problem mit meinen Bildern in meinem Reaktionsprojekt. In der Tat dachte ich immer, dass der relative Pfad zum src-Attribut auf der Architektur der Dateien basier

Hier meine Dateien Architektur:

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

Allerdings habe ich gemerkt, dass der Pfad auf der URL aufgebaut war. In einer meiner Komponenten (zum Beispiel in file1.jsx) habe ich Folgendes:

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

Wie ist es möglich, dieses Problem zu lösen? Ich möchte, dass in jeder Form von Routen, die vom React-Router verarbeitet werden, alle Bilder mit demselben Pfad angezeigt werden.

Antworten auf die Frage(20)

Ihre Antwort auf die Frage