如何添加禁用按钮的工具提示？ （反应带）

Question

如何为禁用的下拉按钮添加工具提示。我使用reactstrap。

Answer 1

不确定下拉按钮的行为是否与常规按钮相同，对于常规按钮bur来说，是否可以将按钮包装在div中，然后将工具提示设置为以div为目标。

<div id='foo'>
  <Button disabled>nope!</Button>
</div>
<Tooltip target='foo' ...etc>Button is disabled</Tooltip>

Answer 2

禁用已禁用按钮上的 pointerEvents，因此您实际上是将鼠标悬停在 span 而不是按钮上：

<span id="foo">
    <Button disabled style={{ pointerEvents: 'none' }}>nope!</Button>
</span>
<Tooltip target="foo" ...etc>Button is disabled</Tooltip>