React material-ui/Drawerをメニューっぽく使って、Linkする方法 †理解してしまえばあたりまえ。 import React from 'react'; import { Link } from 'react-router-dom'; import List, { ListItem, ListItemText } from 'material-ui/List'; import ListSubheader from 'material-ui/List/ListSubheader'; (...中略...) <div> <List component="nav" subheader={<ListSubheader component="div">リスト </ListSubheader>}> <Link to={'/pageA'}> <ListItem button> <ListItemText primary="PageA" /> </ListItem> </Link> <Link to={'/pageB'}> <ListItem button className={classes.nested} > <ListItemText primary="PageB" /> </ListItem> </Link> </List> </div> (...後略) |