小编Nik*_*tha的帖子

我正在尝试将 Map 转换为对象数组

假设我有以下地图：

let myMap = new Map().set('a', 1).set('b', 2);

我想将上面的地图转换成以下内容：

[
   {
      "name": "a",
      "value": "1",
   },
   {
      "name": "b",
      "value": "2",
   }
]

我正在使用Material-UI Autcomplete组件（免费独奏版本），一切正常，直到我将响应添加到抽屉中variant={!matchesSM ? 'persistent' : null}。

<Drawer
  className={classes.drawer}
  variant={!matchesSM ? 'persistent' : null}
  anchor="left"
  open={sidebarOpen}
  classes={{
    paper: classes.drawerPaper,
  }}
  onClose={handleDrawerClose}
>

在平板电脑/移动模式下打开侧抽屉时，文本字段输入无响应。

这是一些截图

const textFieldHandler = () => {
  handleDrawerClose();
  inputRef.current.focus();
};

 <TextField
  {...params}
  ref={inputRef}
  onClick={textFieldHandler}
  placeholder="Search input"
  margin="dense"
...

预期行为

在平板电脑/移动设备模式下，当打开抽屉并单击文本字段时，抽屉应关闭且文本字段应获得焦点。

实际行为

当抽屉打开时，自动完成功能不会集中在平板电脑和移动设备上。

我创建了这个实时运行的示例来说明问题：

• 文本字段仅在侧边栏关闭时才起作用

我不明白为什么它不起作用。

关于这个问题有任何反馈吗？

我正在使用 React-signature-canvas 作为签名板，但在关闭并重新打开模式后签名消失。有没有可能的方法在关闭后保留模式上的签名？

我尝试在更高的组件上初始化 useRef() 并传递给 Modal 组件

预期行为

模式关闭时保留的签名

我创建了这个实时运行的示例来说明问题：

关于这个问题有任何反馈吗？