主菜单中的开放嵌套菜单 - 材料-UI(react)

Question

（我没有足够的声誉来发布2个以上的链接，因此我正在写出URL）

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

使用嵌套菜单和下拉菜单，嵌套菜单每次都作为新窗口或主菜单上方的新窗口打开。喜欢此示例：带有嵌套菜单的菜单向右打开

，但我想在主菜单中打开嵌套菜单。像这个示例：主菜单中的嵌套菜单

有人可以告诉我一个示例如何实现这一目标。谢谢

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>