时间戳

首页 > 解决方案 > 单击 SpeedDialAction 按钮时，我可以阻止 Material-UI SpeedDial 关闭吗

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

问题描述

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

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

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

有没有一种简单的方法可以禁用“关闭”行为？

谢谢！

标签： javascriptreactjsmaterial-uispeed-dial

解决方案

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

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

setOpen将open状态设置false为单击项目时的状态，并将此状态传递给SpeedDial组件，使其关闭。

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

推荐阅读