如何在我的 TreeItem Material UI 4 中添加圖標

Question

我有一個使用 MATERIAL UI 4 制作的菜單，它由第一個 TreeItem 和我的主菜單和第二個 TreeItem 和我的子菜單組成。

我想為主菜單的每個 label 添加一個特定的圖標。

我能怎么做？

是否有可能當我單擊兩個下拉菜單時，默認情況下會重置第一個（無下拉菜單）。

    {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組件，因為它仍處於實驗室中，可能存在一些問題並且尚未完成實施。