react引用圖片不顯示

摘要： 用create-react-app腳手架搭建好react專案之後嗎，引用圖片的時候發現路徑是正確的，圖片不顯示，後來查了查原來跟我圖片放的位置有關係 react中img不顯示.png 我的圖片放在了src下的assets的img資料夾中，這樣的話...

用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"/>這種形式的

改裝後的資料夾如下，將圖片放在了public資料夾中：

這樣就可以用了~

<img src="assets/logo-ant.svg" alt="" className="logoimg"/>