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>

(...後略)

トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2018-12-30 (日) 22:36:36 (318d)