我创建了一个 React 应用程序，并且正在使用 Ant-Design (antd)，在我的一个项目文件中，我想使用该标签，但我不能。显然这是 ANT V4 上的问题。
我正在使用以下导入语句；
import { Icon } from 'antd',
并收到以下错误：
Attempted import error: 'Icon' is not exported from 'antd'.
有没有办法在 v4 中使用这个标签？
我知道我们可以导入每个图标，然后将其用作标签，但如果我们有多个图标，它会给出很长的代码
对于 v4 中的图标导入：
进口于@ant-design/图标
import { SmileOutlined } from '@ant-design/icons';
<SmileOutlined />
或使用兼容包
import { Icon } from '@ant-design/compatible';
<Icon type="smile" />
猜测第二个符合您的要求。
您可以检查将文档从 v3 升级到 v4 https://ant.design/docs/react/migration-v4#Icon-upgrade有关此的更多信息。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
