React.js 中影像路徑的正確方法
確定 React.js 專案中影像的正確路徑一直是常見的挑戰。傳統上,基於專案的檔案結構,在 src 屬性中使用相對路徑。然而,在使用 create-react-app 建立的 React.js 專案中,這種方法可能並不總是有效。
這從提供的示例中可以明顯看出,當路由為“/details/2”時,圖像可以正確顯示”,但當它是“/details/2/id”時則不然。出現這種不一致的原因是相對路徑是根據URL 結構而不是檔案架構來解釋的。匯入影像,而不是在src 屬性中使用相對路徑。變數用作影像的來源。因此,無論訪問的具體路線如何,所有圖像都將正確顯示。
以上是如何在React.js專案中正確處理影像路徑?的詳細內容。更多資訊請關注PHP中文網其他相關文章!