Javascript 我可以禁用材质UI SpeedDial鼠标悬停事件吗

我想禁用Material UI的SpeedDial组件（）的默认鼠标悬停/悬停行为。当前，当您将鼠标移到主图标上时，SpeedDial组件将打开。它也将在单击时打开。这给我们的一些用户带来了问题，比如当他们将鼠标放在按钮上时，按钮会打开，然后他们会立即单击并关闭

我想保留打开触摸屏设备的SpeedDial的单击操作

有没有一种简单的方法可以禁用悬停/鼠标悬停事件？据我所知，API不允许这样做

---

谢谢

可以通过忽略

onOpen

prop并使用

onClick

prop控制组件来实现此行为

// Component code

const [open, setOpen] = React.useState(false);

const handleOpen = (event) => {
  setOpen(!open);
};

return (
   <SpeedDial
      onClick={handleOpen}
      open={open}
      ...
   />
);

//组件代码
const[open，setOpen]=React.useState（false）；
const handleOpen=（事件）=>{
setOpen（！open）；
};
返回(
);

---

您可以在这里看到一个工作示例：

此行为可以通过忽略

onOpen

prop并使用

onClick

prop控制组件来实现

// Component code

const [open, setOpen] = React.useState(false);

const handleOpen = (event) => {
  setOpen(!open);
};

return (
   <SpeedDial
      onClick={handleOpen}
      open={open}
      ...
   />
);

//组件代码
const[open，setOpen]=React.useState（false）；
const handleOpen=（事件）=>{
setOpen（！open）；
};
返回(
);

您可以在此处看到一个工作示例：