我可以禁用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