React material-ui/Drawerとreact-router-domでLink

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>

(...後略)