Javascript 材质ui SingleExpand树视图属性?
我想防止当我点击几个项目时,我有几个项目(展开:“true”) 我希望当我点击一个新的项目时,旧的项目会回到它原来的状态(展开:“false”) 但是,我在文档中没有找到任何属性来处理这个问题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); } }} /> ); })}
{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>
)}