Question

这个问题困惑了我很长一段时间，在我自己的项目中，每次我想使用蚂蚁的Icon，它都不起作用。我不知道什么是错的，谁知道请告诉我，我非常感激。

Answer 1

@Tian，我也被那个难过了。您的解决方案正是对我有用的。这里有一些对我有用的代码：

import React from 'react';
import Icon from 'antd/lib/icon';
import 'antd/dist/antd.css';

class Header extends React.Component {
    render() {
      return (
        <div className='Header'>
          <span className='Header__title'>Happen</span>
          <a className='Icon' href='#' id='bangButton'>
            <Icon type='exclamation-circle-o'/>
          </a>
          <a className='Icon' href='#' id='plusButton'>
            <Icon type='plus-circle-o'/>
          </a>
        </div>
      );
    }
}

export default Header;

Answer 2

由于缺少antd组件所需的css文件而出现此问题

要么添加语句import 'antd/dist/antd.css';，要么创建自己的less文件并导入。

为什么不显示我在antd中的Icon标签

2 个答案: