reagieren semantisch ui Header-Menü

Question

Ich verwende semantic-ui-react zum Erstellen eines Headers. Ich benutze Menu Artikel für das und hier ist mein Code:

export default class Header extends Component { 
    render() { 
    return (
     <Menu stackable> 
     <Menu.Item name="search"> 
      <Search /> 
     </Menu.Item> 

     <Menu.Item name="username"> 
      <User username="user" /> 
     </Menu.Item> 

     <Menu.Item name="bell"> 
      <Bell /> 
     </Menu.Item> 
     <Menu.Menu position="right"> 
      <Menu.Item name="search"> 
      <img src={logo} /> 
      </Menu.Item> 
     </Menu.Menu> 
     </Menu> 
    ); 
    } 
} 

und in App Behälter:

return (
    <Container fluid > 
     <Header /> 
    </Container> 

aber das, was ich auf Seite und machen ist wie eine Liste und und haben nicht jeder Stil und sogar nicht aussehen auf der doc-Seite Beispiel: Doc's Gibt es etwas, was ich verpasst habe?

Answer 1

Aus der Dokumentation:

Semantic UI Installation reagiert die JavaScript für Ihre Komponenten. Sie werden auch ein Stylesheet, um das Styling für Ihre Komponenten

Sie tun können, umfassen müssen:

$ npm install semantic-ui-css --save 

Nach der Installation sind in der JS-Datei:

import 'semantic-ui-css/semantic.min.css';