我正在學習一個教程，其中一個 .svg 檔案正在作為組件匯入。代碼行是：
import {ReactComponent as OfferIcon} from '../assets/svg/localOfferIcon.svg';.
我知道 .svg 檔案正在作為組件匯入，但是，我不明白 ReactComponent 來自哪里？我檢查了 .svg 檔案，但沒有在其中提及。這是匯入 .svg 檔案時的特殊關鍵字嗎？如果有人可以將我指向檔案，那也很好。
uj5u.com熱心網友回復：
我假設您正在使用 Create React App。Create React App 使用SVGR轉換.svg檔案，因此您可以將它們匯入您的 React 應用程式。svg 檔案以匯出一個名為“ReactComponent”的 React 組件的方式進行轉換。這就是為什么您必須從檔案中匯入“ReactComponent”，然后將其重命名為您想要的任何名稱！
在這個非常好的博客文章中找到更多資訊。基本上，您可以<svg>在 JSX 中使用標簽。但是，如果要匯入.svg檔案，則需要一個轉換器，將檔案內容轉換為 React 組件，該組件僅回傳<svg>JSX 中的內容。
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/475337.html
上一篇：更改svg路徑的0,0位置