Можно ли остановить закрытие SpeedDial для пользовательского интерфейса при нажатии кнопки SpeedDialAction

Question

Я хочу отключить поведение по умолчанию компонента SpeedDial Material-UI (https://material-ui.com/api/speed-dial/).

В настоящее время, когда вы щелкаете по SpeedDialAction, родительский компонент SpeedDial закрывается.

Я бы хотел изменить поведение, чтобы при нажатии SpeedDialAction родительский компонент SpeedDial оставался открытым.

Есть ли для меня простой способ отключить поведение "закрытия"?

Спасибо!

Answer 1

Открытое состояние компонента SpeedDial контролируется через опору open. Пример по умолчанию для SpeedDial имеет следующую функцию onClick для компонента SpeedDialAction:

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

setOpen устанавливает состояние open на false при нажатии элемента, и это состояние передается компоненту SpeedDial, вызывая его закрытие.

Так что просто не устанавливайте это состояние в onClick, и ваш SpeedDial останется открытым. :)