material-ui - 如何防止打开对话框的 SpeedDialAction 在对话框关闭时重新聚焦 SpeedDial?

标签 material-ui react-dropzone

我有一个打开文件对话框的 SpeedDialAction (@material-ui/lab@4.0.0-alpha.56)。如果您选择一个或多个文件,它会打开一个 material-ui 模式对话框。它使用的是 react-dropzone,但我不知道这在这里是否相关。在 Action 点击处理程序的开始,我将 SpeedDial 上的 open 状态设置为 false,然后它关闭。当你:

  • 取消文件对话框
  • 取消material-ui对话框
  • 从 material-ui 对话框提交

...之后 SpeedDial 组件的 onOpen 回调被调用,并传递 'focus' 作为原因。我不确定为什么会发生这种情况,也不确定是哪个组件导致了这种行为。有没有一种简单的方法可以抑制这种情况?

最佳答案

答案在 docs 中: Modal 上的disableRestoreFocus 属性,由Dialog 继承。

关于material-ui - 如何防止打开对话框的 SpeedDialAction 在对话框关闭时重新聚焦 SpeedDial?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63510203/

相关文章:

javascript - 在将图像发送到 S3 之前,在前端调整图像大小,javascript

reactjs - 将文件拖动到放置区域时闪烁

javascript - 在 React 中拖放图像

javascript - Material-UI:如何使用 typescript 为 React.ComponentType<P> 声明类型

reactjs - React - Material UI - 带有自定义输入组件的 TextField 控制输入无法正常工作失去焦点

javascript - 如何为我的 React 应用程序解决 "Element type is invalid"?

reactjs - 创建 MUI v5 主题,如何覆盖 AppBar 子组件的颜色?

javascript - 当数据可用时,Material UI 组件不会自动完成

node.js - React-dropzone-uploader AVI 文件卡在状态 "preparing"