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]]
#author("2018-04-23T12:01:04+00:00","ohneta","ohneta")

*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';
 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>
 
 (...後略)

(中略)

<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>


(後略)