Javascript 材质ui SingleExpand树视图属性?

Javascript 材质ui SingleExpand树视图属性?,javascript,reactjs,material-ui,Javascript,Reactjs,Material Ui,我想防止当我点击几个项目时,我有几个项目(展开:“true”) 我希望当我点击一个新的项目时,旧的项目会回到它原来的状态(展开:“false”) 但是,我在文档中没有找到任何属性来处理这个问题 {stoMenu&&( {stoMenu.root.children.map(menu=>{ 返回( } > {menu.children.map(child=>{ 返回( { if(child.id){ this.props.history.push(child.id); } }} /> ); })}

我想防止当我点击几个项目时,我有几个项目(展开:“true”)

我希望当我点击一个新的项目时,旧的项目会回到它原来的状态(展开:“false”)

但是,我在文档中没有找到任何属性来处理这个问题

{stoMenu&&(
{stoMenu.root.children.map(menu=>{
返回(
}
>
{menu.children.map(child=>{
返回(
{
if(child.id){
this.props.history.push(child.id);
}
}}
/>
);
})}
);
})}
)}
{stoMenu && (
                  <TreeView
                    style={layout.menu}
                    defaultCollapseIcon={<KeyboardArrowUpIcon />}
                    defaultExpandIcon={<KeyboardArrowDownIcon />}
                  >
                    {stoMenu.root.children.map(menu => {
                      return (
                        <TreeItem
                          key={menu.nodeId}
                          nodeId={menu.nodeId}
                          label={
                            <ListItem
                              style={layout.menuListItem}
                              className={menu.iconCls}
                            >
                              <ListItemText
                                style={layout.menuText}
                                primary={menu.text}
                                onClick={() => {
                                  if (menu.id === '/accueil') {
                                    this.props.history.push(menu.id);
                                  }
                                }}
                              />
                            </ListItem>
                          }
                        >
                          {menu.children.map(child => {
                            return (
                              <TreeItem
                                // style={layout.subMenuText}
                                className={classes.subMenu}
                                key={child.nodeId}
                                nodeId={child.nodeId}
                                label={child.text}
                                onClick={() => {
                                  if (child.id) {
                                    this.props.history.push(child.id);
                                  }
                                }}
                              />
                            );
                          })}
                        </TreeItem>
                      );
                    })}
                  </TreeView>
                )}