Material UI上的默认导航栏是否像Bootstrap一样存在？

Question

我发现很难在Material UI上创建带有菜单的导航栏.我已经阅读了它的AppBar文档.但是,似乎他们没有提供这个功能.

1)Material UI AppBar

2)React Bootstrap Navbar

如何像React Bootstrap一样在Material UI上创建导航栏菜单呢？

Answer 1

AppBar 或多或少只是其他组件的容器。它本身并没有多大作用。我认为您想要的是向您的 AppBar 添加一个菜单（或者更具体地说，添加到 AppBar 内部的工具栏）：

https://material-ui.com/components/menus/

您还可以添加常规按钮：

https://material-ui.com/components/buttons/

一个简化的例子：

      <AppBar>
        <Toolbar>
          <Menu>
            <MenuItem>An item</MenuItem>
            <MenuItem>Another item</MenuItem>
          </Menu>
          <Button>A button</Button>
        </Toolbar>
      </AppBar>