在主菜单中打开嵌套菜单 - material-ui (react)

Question

在material-ui（w*w.material-ui.com）中，我可以编写嵌套菜单和下拉菜单。但我没有找到一个示例来打开主菜单中的嵌套菜单。

使用嵌套菜单和下拉菜单时，嵌套菜单每次都会作为新窗口显示在主菜单旁边或上方。就像这个例子：Menu with nested menu opened to the right 但我希望嵌套菜单在主菜单中打开。就像这个例子：Nested menus open in main menu 请问有人可以向我展示如何实现这一点的示例吗？ 谢谢

- Paul

Answer 1

您正在使用错误的组件。请使用具有嵌套项的ListItems的列表。

  <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>

- Dale Francis