Material-ui: 工具提示不适用于<iconbutton disabled="disabled"/>

禁用的元素不会触发事件。 但是，您可以将DIV放置在元素上方，然后监听在该元素上触发的事件。

https://stackoverflow.com/questions/18113937/fire-onmouseover-event-when-element-is-disabled

实施此建议看起来像这样，并且有效。

        <Tooltip title="Tooltip" placement="bottom">
          <div>
            <IconButton disabled>
              <Done />
            </IconButton>
          </div>
        </Tooltip>

我也在考虑使用component属性，但是由于pointer-events: none;样式而无法使用：

<Tooltip title="Tooltip" placement="bottom">
  <IconButton component="div" disabled>
    <Done />
  </IconButton>
</Tooltip>

@oliviertassinari对不起，不知道。 谢谢。

@bravecow我认为，如果有更多人提出此问题，我们可以添加警告。

那么，对此可接受的解决方案是在按钮和工具提示之间添加div吗？ 通常，在禁用按钮上有一个工具提示最有用，它可以指示为什么禁用该按钮。

如果我们在Tooltip组件中添加了一个道具，即使该道具禁用了孩子，该道具也要显示该怎么办？ 它只是在后台实施此解决方案，但至少不会让用户怀疑为什么工具提示在禁用的按钮上不起作用。

如何关闭工具提示警告？

如何关闭工具提示警告？

@goyney https://github.com/mui-org/material-ui/issues/8416#issuecomment -332556082

@oliviertassinari如何在不使DOM混乱的情况下关闭工具提示警告？

我有几个按钮的工具栏，它们在加载内容时被禁用。 每个按钮上都有一个工具提示。 加载文档后，它们全部启用。 必须包装每一个。 单。 按钮。 在span中禁止显示此警告是令人讨厌的。

@goyney在需要时有条件地呈现工具提示怎么办？ 据我了解，禁用该按钮时，您不希望显示任何工具提示。

我一直想显示一个工具提示。 suppressWarnings道具或工具提示中的内容如何。

我一直想显示一个工具提示

@goyney即使禁用该按钮？

是的，那是我说的。 大声笑

就像我在上面提到的那样，在禁用按钮时，工具提示对用户特别有用

@ dskoda1我已经打开＃11601。

禁用的元素不会触发事件。 但是，您可以将DIV放置在元素上方，然后监听在该元素上触发的事件。

https://stackoverflow.com/questions/18113937/fire-onmouseover-event-when-element-is-disabled

实施此建议看起来像这样，并且有效。

        <Tooltip title="Tooltip" placement="bottom">
          <div>
            <IconButton disabled>
              <Done />
            </IconButton>
          </div>
        </Tooltip>

这有助于在禁用按钮上显示工具提示，但是“ div”中包含的按钮对我来说失去了样式。 我在这里想念什么？