材质ui SingleExpand TreeView属性?

时间:2019-09-23 15:57:53

标签: javascript reactjs material-ui

我想防止当我单击多个项目时出现多个项目(展开:“ true”)

我希望当我单击一个新项目时,旧项目恢复到其原始状态(展开:“ false”)

但是,我没有在文档中找到任何可用于处理此问题的属性。

https://material-ui.com/components/tree-view/

{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>
                )}

0 个答案:

没有答案
相关问题