왜 내 아이콘이 antd에 표시되지 않습니까?

Question

이 질문은 내 자신의 프로젝트에서 내가 antd 아이콘을 사용하려고 할 때마다 오랜 시간을 혼란스럽게 만들었지 만 작동하지 않습니다. 무엇이 잘못되었는지, 누가 나에게 말해줘, 나는 크게 감사드립니다.

Answer 1

나는 어리석은 사람이다. 나는 "import 'antd/dist/antd.css';"를 추가하기 때문에 어리석은 사람이다. "이제는 다른 사람들이 나를 좋아할 수 있기를 바란다. .

Answer 2

@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;