javascript - 有条件地激活Material UI工具提示？

我有以下使用Material UI的React组件:

const MyButton = ({ warningText }) => (
    <Tooltip title={warningText}>
        <Button>Do action</Button>
    </Tooltip>
)

当前，当未定义warningText时，这将显示一个空的工具提示。相反，我不想显示任何工具提示。在这些情况下，有没有办法抑制工具提示？

当然，我可以只使用if语句不呈现工具提示组件，但这在我看来将导致相当丑陋的代码。

最佳答案

应该

 <Tooltip title={warningText == null ? "" : warningText}>
        <Button>Do action</Button>
 </Tooltip>

文档说如果字符串长度为零，则不会显示。

https://material-ui.com/api/tooltip/