抽屉打开和关闭时保持折叠状态

Question

我目前在使用素材抽屉（https://material-ui-next.com/一个）时遇到麻烦

当我打开mini变体时，我的菜单中的崩溃会重置（由于＆＃34; remount＆＃34;而关闭）。 但是我希望他们能够坚持现状（开/关）。

有人知道实现这个目标的方法吗？

抽屉：

<Drawer type="permanent"
    classes={{paper: classNames(classes.drawerPaper, !this.state.open && classes.drawerPaperClose)}}
    open={this.state.open}>
    <div className={classNames(classes.drawerInner)}>
        <Navigation updateTitle={this.updateTitle}/>
    </div>
</Drawer>

导航组件：https://pastebin.com/webdmLXp

使用开放式折叠渲染：

点击汉堡按钮后：

Answer 1

当然，我与我分享姓氏的先生，您需要保持每个<MenuItem>的状态。只需在每个menuItem中添加onClick并切换组件中的状态即可。这与Material-ui无关，但更像是一般问题React。