Как отобразить результаты ящика внутри тега <main>? - PullRequest
0 голосов
/ 31 марта 2019

Как я могу получить ссылку от <MenuItem> для рендеринга в пределах <main>. Я уже давно пытаюсь это сделать и не могу найти ответ. Вот код Надеюсь, что моя проблема понятна. Ссылка на рабочий пример или около того тоже подойдет.

Любая помощь будет высоко ценится. Спасибо!

render() {
    const { classes, children } = this.props;
    const { mobileOpen} = this.state;

    const drawer = (
      <div>
        <Hidden smDown>
        <div className={classes.toolbar} />
        </Hidden>
        <MenuList>
          <MenuItem component={Link} to="/">
          Home

          </MenuItem>
          <MenuItem component={Link} to="/PatientdataPatient" >
          Users
          </MenuItem>

        </MenuList>


      </div>
    );

    return (

      <div className={classes.root}>
        <CssBaseline />
        <AppBar position="fixed" className={classes.appBar}>


         ......code


            <Drawer
              container={this.props.container}
              variant="temporary"
              open={mobileOpen}
              onClose={this.handleDrawerToggle}
              classes={{
                paper: classes.drawerPaper,
              }}
            >
              {drawer}
            </Drawer>
          </Hidden>
          <Hidden xsDown implementation="css">
            <Drawer
              classes={{
                paper: classes.drawerPaper,
              }}
              variant="permanent"
              open
            >
              {drawer}
            </Drawer>
          </Hidden>
        </nav>
        <main className={classes.content}>
          <div className={classes.toolbar} />
          {children}
        </main>
      </div>
    );
  }
}
...