React material-ui/Drawerとreact-router-domでLink のバックアップソース(No.1)

バックアップ一覧
差分を表示
現在との差分を表示
バックアップを表示
React material-ui/Drawerとreact-router-domでLink へ行く。
- 1 (2018-04-23 (月) 20:46:21)

#author("2018-04-23T11:46:21+00:00","ohneta","ohneta")
[[MenuBar]]

*React material-ui/Drawerをメニューっぽく使って、Linkする方法 [#wbc829a0]

理解してしまえばあたりまえ。


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>


(後略)