我正在使用 CRA,所以我可以像這樣直接將 svg 作為 React 組件匯入:
import { ReactComponent as Tree } from "../assets/images/tree.svg";
請參閱此帖子作為參考:通過 craco 添加 svgr 到 create-react-app
所以我想我現在可以使用它并將其放入 antd 圖示組件中:
<Icon component={Tree} />
但是控制臺給我的只是一個
Warning: [antd: Icon] Empty Icon
即使 svg 檔案存在,路徑也是正確的等等。
uj5u.com熱心網友回復:
請在沙箱上查看此 Demo,如果您只是將其復制并粘貼到您的專案中,它可能會對您有所幫助。 https://codesandbox.io/s/adoring-brook-lckzw?file=/src/App.js
我只是為 craco 使用了一個非常基本的配置并安裝了這些庫
- "@ant-design/icons": "4.0.0"
- "@craco/craco": "^6.4.0"
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/359357.html
上一篇:使用Css部分填充SVG圖示
下一篇:d3jsv4:縮放圓圈
