Javascript 物料界面菜单问题

我希望菜单上的高度是100%。如果页面中的元素垂直增加，那么相对于页面长度，菜单高度也将增加。我在样式中使用了高度：100%，但它不起作用

有什么帮助吗

我有以下代码：

import React, { Component } from 'react';
import Menu from 'material-ui/Menu';
import MenuItem from 'material-ui/MenuItem';
import './mystyle.css';

const mainmenu = {
 width: '180px',
 height: '100%',
};

class MenuView extends Component {
  render() {
    return (
        <div className="dash-menuview">
           <Menu style={mainmenu} className="mydashboard">
             <MenuItem primaryText="My Name" style={{color:'white'}} href="#/name" onClick={handlers.changeURL}/>
             <MenuItem primaryText="Personal Information" style={{color:'white'}} href="#/information" onClick={handlers.changeURL}/>
             <MenuItem primaryText="My Address" style={{color:'white'}} href="#/current" onClick={handlers.changeURL}/>
             <MenuItem primaryText="My Files" style={{color:'white'}} href="#/files" onClick={handlers.logout}/>  
           </Menu>
        </div>
    );
  }
}
export default MenuView;

你可以使用height:100vh，就像下面的代码一样，我只是把你的代码输出示例放在这里

.dash menuview{ 左边距：0； 背景：444人； 高度：100vh； } .Mya{ 颜色：FFFFFF； 文字装饰：无； 显示：块； }

---

请你为这件事定个价好吗？

.dash-menuview {
   margin-left: -8.8%;
}
.mydashboard a {
  color: #FFFFFF;
  text-decoration: none;
}