オープンネストされたメニュー - 材料-UI（反応）

Question

（私はので、私はURLを出writitngています、2つの以上のリンクを投稿するのに十分な評判を持っていない）

材料-UIで（*ワットw.material-ui.com）私は入れ子になったメニューとドロップダウンメニューをプログラムできます。しかし、メインメニューのネストされたメニューを開く例は見つかりませんでした。

ネストされたメニューとドロップダウンメニューでは、ネストされたメニューが毎回、メインメニューの横または上の新しいウィンドウとして開きます。この例のように：Menu with nested menu opened to the right

しかし、私はネストされたメニューをメインメニューで開くようにしたいと思います。この例のように： Nested menus open in main menu

誰かがこれを実現する方法の例を教えてください。 ありがとう

Answer 1

間違ったコンポーネントを使用しています。私は、ネストされたのMenuItemの代わりのListItemのためにあまりにも長い間探していた、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>