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.