Javascript 当“时，@material ui/core的抽屉组件不显示”；开放式；道具设置为“道具”；“真的”；

请求：请帮助我了解如何在变型道具为“临时”时打开抽屉组件

物料界面包：@物料界面/核心

我在自己的自定义导航组件中实现了Material UI的抽屉组件。当我将变体道具保留为默认“临时”时，无法使抽屉显示。我可以清楚地看到（在我的Chrome React插件中）“打开”道具确实被切换为“真”，但抽屉仍然没有出现。当我将变量更改为“persistent”时，抽屉实际上会出现，但我更喜欢使用变量“temporary”，因为它的默认行为是当用户单击屏幕上的任意位置时关闭

这是我的密码：

import React，{Component}来自“React”
从“@material ui/core/AppBar”导入AppBar；
从“@material ui/core”导入{工具栏，按钮}
从“@material ui/icons/Menu”导入菜单图标
从“@material ui/core/es/IconButton/IconButton”导入IconButton；
从“@material ui/core/es/排版/排版”导入排版；
从“@material ui/core/es/MenuItem/MenuItem”导入菜单项；
从“@material ui/core/es/Drawer/Drawer”导入抽屉；
从“@material ui/core/es/ListItemText/ListItemText”导入ListItemText；
类Nav扩展组件{
构造函数（）{
超级（）
this.state={drawer:false}
this.toggleDrawer=this.toggleDrawer.bind（this）
}
开关抽屉（打开）{
调试器
这是我的国家({
抽屉：打开
})
}
render（）{
常数抽屉菜单=(
)
返回(
this.toggleDrawer（true）}color=“继承”aria label=“菜单”>
{this.props.title}
新产品
this.toggleDrawer（false）}variant=“temporary”keepMounted={true}>
this.toggleDrawer（false）}onKeyDown={（）=>this.toggleDrawer（false）}>
{drawerMenu}
)
}
}
导出默认导航

我刚刚遇到这个问题。在CodeSandbox上工作的代码也有同样的问题，但在我的浏览器中没有。帮助我的是更新package.json中的材质ui和React版本。希望这有帮助

我在codeSandbox中测试了你的代码。。。它似乎工作得很好。默认情况下，

抽屉

隐藏，单击菜单按钮时打开/关闭。感谢您确认这不是语法错误。我确实在你的代码沙盒中验证了它的有效性。这一定是我的环境。我可能应该验证材料ui v1+的预需求。您是否已解决此问题？我最终返回到材料ui的v0。我在v0中完成了大量的项目。我只是对v1雄心勃勃，但最终遇到了太多的障碍，这真的让我慢了下来。再次感谢卢克。很高兴听到你能够复制这个问题。我没有再次测试它，但我几乎可以肯定这会解决我的问题。希望这对其他人有帮助。谢谢