如何在我的 TreeItem Material UI 4 中添加图标

Question

我有一个使用 MATERIAL UI 4 制作的菜单，它由带有我的主菜单的第一个 TreeItem 和带有我的子菜单的第二个 TreeItem 组成。

我想为主菜单的每个标签添加一个特定的图标。

我该怎么办？

是否有可能当我点击两个下拉菜单时，默认情况下会重置第一个（无下拉菜单）。

    {stoMenu && (
      <TreeView
        style={test.menu}
      >
        {Menu.root.children.map(test=> {
          return (
            <TreeItem
              key={test.nodeId}
              nodeId={test.nodeId}
              label={test.text}
            >
              {test.children.map(child => {
                return (
                  <TreeItem
                    key={child.nodeId}
                    nodeId={child.nodeId}
                    label={child.text}
                  >
                    <Redirect to={child.id} />
                  </TreeItem>
                );
              })}
            </TreeItem>
          );
        })}
      </TreeView>
    )}

Answer 1

他们有很好的例子https://codesandbox.io/s/material-demo-ui4dx

还要小心TreeView 组件，因为它仍在Lab 中，并且可能存在一些问题并且未完成实施。