打開嵌套菜單 - 材料UI（反應）

Question

（我沒有足夠的聲譽後超過2個鏈接，所以我writitng出的URL）

在材料的UI（W * w.material-ui.com）我可以編程嵌套菜單和下拉菜單。但我沒有找到一個例子來打開主菜單中的嵌套菜單。

使用嵌套菜單和下拉菜單，嵌套菜單每次都會作爲主窗口旁邊或上方的新窗口打開。像這個例子：Menu with nested menu opened to the right

但我想在主菜單中打開嵌套菜單。喜歡這個例子： Nested menus open in main menu

有人可以請示範如何實現這一點。 謝謝

Answer 1

您正在使用錯誤的組件。使用列表ListItems有NestedItems

<List> 
    <Subheader>Nested List Items</Subheader> 
    <ListItem primaryText="Sent mail" leftIcon={<ContentSend />} /> 
    <ListItem primaryText="Drafts" leftIcon={<ContentDrafts />} /> 
    <ListItem 
     primaryText="Inbox" 
     leftIcon={<ContentInbox />} 
     initiallyOpen={true} 
     primaryTogglesNestedList={true} 
     nestedItems={[ 
     <ListItem 
      key={1} 
      primaryText="Starred" 
      leftIcon={<ActionGrade />} 
     />, 
     <ListItem 
      key={2} 
      primaryText="Sent Mail" 
      leftIcon={<ContentSend />} 
      disabled={true} 
      nestedItems={[ 
      <ListItem key={1} primaryText="Drafts" leftIcon={<ContentDrafts />} />, 
      ]} 
     />, 
     <ListItem 
      key={3} 
      primaryText="Inbox" 
      leftIcon={<ContentInbox />} 
      open={this.state.open} 
      onNestedListToggle={this.handleNestedListToggle} 
      nestedItems={[ 
      <ListItem key={1} primaryText="Drafts" leftIcon={<ContentDrafts />} />, 
      ]} 
     />, 
     ]} 
    /> 
    </List>