Реагировать материал-интерфейс и вкладки в AppNav

Question

Я пытаюсь создать новую домашнюю страницу, и я новичок в материале-UI Framework. Я пытался понять это, но потерпел неудачу. Я пытаюсь найти в Google с похожей проблемой.

Я пытаюсь создать вкладки в компоненте appnav, но не могу открыть вкладки в нижней части приложения. Я хочу, чтобы вкладки шли справа и внизу.

<AppBar
  position="fixed"
  className={classNames(classes.appBar, {
    [classes.appBarShift]: open,
  })}
>
  <Toolbar disableGutters={!open}>
    <IconButton
      color='inherit'
      className={classNames(classes.menuButton, open && classes.hide)}
      aria-label="Menu"
      onClick={this.handleDrawerOpen}
      >
      <MenuIcon />
    </IconButton>
    <Typography color='inherit' variant="h6" style={{ flex: 1}}>
      <Link to="/">homepage title</Link>
    </Typography>
    <Grid justify='space-between' spacing={0}>
      <Grid item>
        <AppNavTabMenu/>
      </Grid>
    </Grid>
  </Toolbar>

</AppBar>