Question

我正在使用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>
    );
  }
}

并在App容器中：

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

但我在页面上看到和呈现的内容就像一个列表，并且没有任何样式，甚至看起来不像doc页面示例：Doc's 我错过了什么？

Answer 1

来自文档：

安装Semantic UI React为您提供JavaScript 组件。您还需要包含样式表来提供为您的组件设计样式

你可以这样做：

$ npm install semantic-ui-css --save

安装后，请在您的JS文件中包含：

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

反应语义ui标题菜单

1 个答案: