我可以在单击 SpeedDialAction 按钮时阻止 Material-UI SpeedDial 关闭吗

Question

我想禁用 Material-UI 的 SpeedDial 组件 (https://material-ui.com/api/speed-dial/) 的默认行为。

当前，当您单击 SpeedDialAction 时，父 SpeedDial 组件将关闭。

我想更改行为，以便在单击 SpeedDialAction 时，父 SpeedDial 组件将保持打开状态。

有没有简单的方法可以禁用 'closing' 行为？

谢谢！

Answer 1

SpeedDial 组件的打开状态是通过属性 open 控制的。 SpeedDial 的默认示例在 SpeedDialAction 组件上具有以下 onClick 函数：

const handleClose = () => {
  setOpen(false);
}

setOpen 在单击某个项目时将 open 状态设置为 false，并且此状态会传递到 SpeedDial 组件并使其关闭。

因此，不要在 onClick 中设置此状态，您的 SpeedDial 将保持打开状态。 :)

Can I stop Material-UI SpeedDial from closing when a SpeedDialAction button is clicked