<p>Je rencontre des problèmes avec les images de mon projet React. En fait, j'ai toujours pensé que le chemin relatif dans l'attribut src était construit sur la base du schéma du fichier. </p> <p>Voici la structure de mes fichiers : </p> <pre class="brush:php;toolbar:false;">composants fichier1.jsx fichier2.jsx fichier3.jsx récipient img js ...</pré> <p>Cependant, j'ai réalisé que le chemin est construit en fonction de l'URL. Dans l'un de mes composants (par exemple file1.jsx), j'ai le code suivant : </p> <pre class="brush:php;toolbar:false;">localhost/details/2 <img src="../img/myImage.png" /> fonctionne normalement localhost/détails/2/id <img src="../img/myImage.png" /> -> ne fonctionne pas, l'image ne peut pas être affichée</pre> <p>Comment résoudre ce problème ? Je souhaite que toutes les images soient affichées avec le même chemin dans n'importe quel formulaire de routage géré par React-Router. </p>

import logo from './logo.png' // 图片的相对路径

class Nav extends Component { 
    render() { 
        return ( 
            <img src={logo} alt={"logo"}/> 
        )  
    }
}