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


(後略)



トップ   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS