我可以禁用Material-UI SpeedDial鼠标悬停事件

Question

我想禁用Material-UI的SpeedDial组件（ https://material-ui.com/api/speed-dial/ ）的默认鼠标悬停/悬停行为。 当前，当您将鼠标悬停在主要图标上时，SpeedDial组件将打开。 单击它也将打开。 当某些用户将鼠标悬停在按钮上时，它引起了问题-它打开-然后他们立即单击并关闭。

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

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

谢谢！

Answer 1

可以通过忽略onOpen并使用onClick onOpen控制组件来实现此行为。

// Component code

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

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

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

您可以在这里看到一个有效的示例： https : //codesandbox.io/s/material-demo-1lwci