Question

我试图在已经具有title属性的组件上使用Material-UI Tooltip组件。我必须给孩子加上标题道具。有什么方法可以使用Material-UI工具提示，还是需要找到其他提示？

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

Material-UI引发此错误：

index.js：2178警告：材料UI：您已经为title的子级提供了<Tooltip />属性。删除此标题属性Delete或工具提示组件。

感谢您的帮助。

Answer 1

您可以为属性选择另一个名称，并将其传递给title组件中按钮的RequiredImportedButton属性：

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

// RequiredImportedButton.js
function RequiredImportedButton(props) {
 const { bTitle} = props;

 ...

 return (<button title={bTitle}>My button</button>);
}

Answer 2

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

BindingSource

Material-UI工具提示要求删除子标题道具

2 个答案: