Material-UI 工具提示需要删除子标题属性

Question

我正在尝试在已经具有 title 属性的组件上使用 Material-UI Tooltip 组件。我必须使用带有 title 道具的 child 。有什么方法可以使用 Material-UI 工具提示，还是需要寻找其他方法？

<Tooltip title='Disabled' aria-label='disabled button'>
  <RequiredImportedButton title={this._getTitleMessage()} />
</Tooltip>

Material-UI 抛出此错误：

titleindex.js:2178 警告：Material-UI：您已向 的子级提供了一个属性<Tooltip />。删除此标题属性Delete或工具提示组件。

感谢您提供的任何帮助。

Answer 1

采用简单的方法：将子组件包装在div.

<Tooltip title='Disabled' aria-label='disabled button'>
  <div>
    <RequiredImportedButton title={this._getTitleMessage()} />
  </div>
</Tooltip>

更新：

另一个答案建议使用片段而不是 a div，因为divs 可能会导致意外的样式更改，但对于如何实现这一点存在困惑。

<Tooltip title='Disabled' aria-label='disabled button'>
  <>
    <RequiredImportedButton title={this._getTitleMessage()} />
  </>
</Tooltip>