Javascript 当一个按钮可以通过工具提示禁用时，如何创建拆分按钮？

我正在尝试使用诸如

ButtonGroup

和

button

之类的材质UI组件创建一个拆分按钮

问题是第一个按钮可以被禁用，并且在禁用时还会显示工具提示。建议使用

span

包装按钮，但这样会破坏按钮的样式。是否有任何解决方案，或者我必须为按钮使用自定义样式

我使用的代码是：

<ButtonGroup variant="contained" color="primary" aria-label="split button">
  <Tooltip title="You don't have permission to do this">
    <span>
      <Button disabled onClick={handleClick}>Send</Button>
    </span>
  </Tooltip>
  <Button onClick={handleToggle}>
    <ArrowDropDownIcon />
  </Button>
</ButtonGroup>

发送

只需将样式添加到span

background-color: rgba(0, 0, 0, 0.12) //same color used for disabled button

---

样式仍然有点不同，当您将其与默认样式进行比较时，边框半径也不正确：材质UI中的样式符合他们的指导原则，如果我们要自定义编写样式，请复制“添加默认样式”按钮，并将其应用于Ye，这是正确的。我试图在不编写自定义样式或复制材料样式的情况下实现这一点，但我想这是一个太具体的问题。