reactjs - 如何根据快速拨号材料 UI 反应 js 中的某些条件禁用每个按钮？

Question

我一直在尝试根据某些条件禁用快速拨号中的操作按钮，但找不到任何内容可以放入操作中以根据条件禁用特定按钮，分享下面的代码，任何帮助将不胜感激。

<SpeedDial
        ariaLabel="SpeedDial Component Demo"
        style={{
          left: 125,
          bottom: 125,
          position: 'absolute',
        }}
        icon={<SpeedDialIcon openIcon={<EditIcon />} />}
        onClose={() => {
          setOpen(false);
        }}
        onOpen={() => {
          setOpen(true);
        }}
        open={open}
      >
        {[
          { icon: <ShareIcon />, name: 'Share' },
          { icon: <PrintIcon />, name: 'Print' },
        ].map((action) => (
          <SpeedDialAction
            icon={action.icon}
            key={action.name}
            onClick={() => {
              setOpen(false);
            }}
            tooltipTitle={action.name}
            tooltipOpen
            onClick={handleClose}
          />
        ))}
      </SpeedDial>

在这里，我希望共享和打印按钮保持禁用状态，直到它们满足某些条件。提前致谢