Реагировать семантическое меню заголовка пользовательского интерфейса

Я использую semantic-ui-react для создания заголовка. Я использую для этого элемент Menu, и вот мой код:

 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>
    );
  }
}

и в контейнере приложений:

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

но то, что я вижу и отображаю на странице, похоже на список и не имеет никакого стиля и даже не похоже на пример страницы документа: Документ я что-то пропустил?


person amir    schedule 24.10.2017    source источник


Ответы (1)


Из документов:

Установка Semantic UI React предоставляет JavaScript для ваших компонентов. Вам также потребуется включить таблицу стилей, чтобы задать стиль для ваших компонентов.

Ты можешь сделать:

$ npm install semantic-ui-css --save

После установки включите в свой JS-файл:

import 'semantic-ui-css/semantic.min.css';
person anand    schedule 24.10.2017