如何在我的 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组件，因为它仍在实验室中 ，可能会出现一些问题并且尚未完成实现。