有条件地激活 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/ https://material-ui.com/api/tooltip/

工具提示标题。零长度标题字符串永远不会显示。