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

Question

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

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

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

当然，我可以只使用 if 语句来不渲染工具提示组件，但在我看来，这会导致相当难看的代码。

Answer 1

应该是

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

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

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

Tooltip title. Zero-length titles string are never displayed.