带有 React 热键的 Material Ui Persistent Drawer

问题描述

我有一个来自 Material UI 的持久抽屉。他们表达 this 的方式是它持久化状态。但是，我发现了一些非常令人不安的行为。

在抽屉里，我有一张表格。表单被 ReactHotKeys 包围。我发现一旦抽屉打开，即使它关闭（并且应该失去焦点），热键仍然有效，即使抽屉在页面上不可见。

一些伪代码：

<SwipeableDrawer
          variant={"persistent"}
          anchor={anchor}
          open={drawerOpen}
          onClose={toggleDrawer(anchor,false)}
          onopen={toggleDrawer(anchor,true)}
        >
<ReactHotKeys keyName={shortCut} onKeyDown={onKeyDown}>
<form>
....
</form>
</ReactHotKeys>
</SwipeableDrawer>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）