MenuBar

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