antd：添加自定义 svg 图标

Question

我正在使用 CRA，所以我可以像这样直接导入 svg 作为 React 组件：

import { ReactComponent as Tree } from "../assets/images/tree.svg";

参考这个post：

所以我想我现在可以使用它并将其放入 antd 图标组件中：

 <Icon component={Tree} />

但是控制台给我的只是一个

Warning: [antd: Icon] Empty Icon

虽然svg文件存在，但路径正确等等。

Answer 1

请查看沙盒上的这个演示，如果您只是复制并粘贴到您的项目中，它可能会对您有所帮助。 https://codesandbox.io/s/adoring-brook-lckzw?file=/src/App.js

我刚刚为 craco 使用了一个非常基本的配置并安装了这些库

antd: Add custom svg icons