我以前在 React 中像這樣匯入影像：
import person from '../images/image1.png'
然后像這樣使用它們：
<img src={person} alt="" />
src現在，由于某種原因，我想在自身中指定路徑，如下所示：
<img src="../images/image1.png" alt="" />
但它不作業，即使它應該。
uj5u.com熱心網友回復：
您有兩個選項可以使用 Create React App 在 JSX 中添加影像。第一個是import像你一樣使用，匯入src檔案夾中某處的影像。
第二個是使用相對路徑，但它總是相對于public檔案夾，src路徑img應該以 開頭/，/表示public檔案夾。
請參閱Create React App 檔案中的添加影像、字體和檔案以及使用公共檔案夾。
對于您的第二次嘗試，您可以將images檔案夾放在檔案public夾中，然后像這樣獲取影像：
<img src="/images/image1.png" alt="" />
如果您的 React 應用程式在部署時將位于子檔案夾中，對于第二種作業方式，您應該添加您的
package.jsonthis"homepage":"www.example.com/folder"，并按process.env.PUBLIC_URL如下方式使用。
<img src={process.env.PUBLIC_URL "/images/image1.png"} alt="" />
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/489921.html
標籤：javascript html css 反应