react引用圖片不顯示

用create-react-app腳手架搭建好react項目之後嗎,引用圖片的時候發現路徑是正確的,圖片不顯示,後來查了查原來跟我圖片放的位置有關係



我的圖片放在了src下的assets的img文件夾中,這樣的話,查了一下,這種情況下直接用src會出現問題但是用require是可以的

<img src={[require("../assets/img/2x.png")]} alt=""/>
注意:require中只能放字符串,不能放變量
後來看了看create-react-app的官網,官網明確說出最好將圖片樣式等放在public文件夾中,是可以用的<img src="../images/photo.png"/>這種形式的

如下圖官網
https://facebook.github.io/create-react-app/docs/using-the-public-folder#when-to-use-the-public-folder


改裝後的文件夾如下,將圖片放在了public文件夾中:

這樣就可以用了~

<img src="assets/logo-ant.svg" alt="" className="logoimg"/>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章