导入错误：“图标”未从“antd”导出

我创建了一个 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有关此的更多信息。