为什么我在antd中的图标标签没有显示

问题描述:

这个问题困惑了我很长时间,在我自己的项目中,每当我想使用antd图标时,它都不起作用。我不知道什么是错,谁知道请告诉我,我非常感谢。为什么我在antd中的图标标签没有显示

我觉得这个问题很愚蠢,我不会导入样式,只需添加“import”antd/dist/antd.css';“。现在好了,希望这可以帮助其他人像我这样的antd 。

@天,我也被这个难住了。你的解决方案正是为我工作。这里有一些代码适用于我:

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;