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

Question

我想禁用 Material-UI 的 SpeedDial 组件 ( https://material-ui.com/api/speed-dial/ ) 的默认鼠标悬停/悬停行为。目前，当您将鼠标悬停在主图标上时，SpeedDial 组件将打开。它也将在单击时打开。这给我们的一些用户带来了问题，因为当他们将鼠标悬停在按钮上时 - 它会打开 - 他们会立即单击并关闭。

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

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

Answer 1

这种行为可以通过忽略onOpenprop 并用 prop 控制组件来实现onClick。// Component codeconst [open, setOpen] = React.useState(false);const handleOpen = (event) => {&nbsp; setOpen(!open);};return (&nbsp; &nbsp;<SpeedDial&nbsp; &nbsp; &nbsp; onClick={handleOpen}&nbsp; &nbsp; &nbsp; open={open}&nbsp; &nbsp; &nbsp; ...&nbsp; &nbsp;/>);您可以在这里看到一个工作示例：https ://codesandbox.io/s/material-demo-1lwci