Warum mein Label von Icon in antd nicht angezeigt wird

Question

Diese Frage verwirrte mich eine lange Zeit, in meinem eigenen Projekt jedes Mal, wenn ich Icon von antd verwenden will, funktioniert es nicht. Ich weiß nicht, was falsch ist, wer weiß, bitte sag mir, ich bin sehr dankbar.

Answer 1

Ich finde das Problem, so töricht bin II importieren Sie nicht den Stil, fügen Sie einfach "Import" antd/dist/antd.css '; ". Es ist in Ordnung, in der Hoffnung, dass dies andere neue antd wie ich helfen kann .

Answer 2

@Tian, ​​ich war davon auch ratlos. Ihre Lösung ist genau das, was für mich funktioniert hat. Hier ist ein Code, der bei mir funktioniert hat:

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;