Material-UIでネストされたメニューのmaxHeightを設定するにはどうすればいいですか？

Question

Material-I's Menuのネストされたメニューの高さを500ピクセルに制限します。私は「のmaxHeightは、」サブメニュー（リストのネストされたのMenuItem）

Answer 1

あなたはnestedListStyleプロパティを使用することができます（MenuItemをスタイリングする手立てはないと思わ使用して、初期/メインメニューを制限することができますが、基本的ListItem、どこというのラッパーですプロパティが文書化されています）

<Menu> 
    <MenuItem primaryText="Menu Item 1" /> 
    <MenuItem primaryText="Menu Item 2" /> 
    <MenuItem 
    nestedListStyle={{ maxHeight: 100, overflow: 'auto' }} 
    primaryText="Hello" 
    nestedItems={[ 
     <MenuItem key={1} primaryText="Child 1" />, 
     <MenuItem key={2} primaryText="Child 2" />, 
     <MenuItem key={3} primaryText="Child 3" />, 
     <MenuItem key={4} primaryText="Child 4" />, 
     <MenuItem key={5} primaryText="Child 5" />, 
     <MenuItem key={6} primaryText="Child 6" />, 
     <MenuItem key={7} primaryText="Child 7" />, 
     <MenuItem key={8} primaryText="Child 8" />, 
    ]} 
    /> 
</Menu>