javascript - 如何在我的 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>
    )}

标签： javascriptreactjsmaterial-designmaterial-ui

Answer 1

他们有很好的例子如何做到这一点https://codesandbox.io/s/material-demo-ui4dx

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