Как я могу получить ссылку от <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>
);
}
}