reactjs - React Material UI 工具提示禁用动画

Question

我在我的 React 应用程序中使用了 React Material UI 的工具提示组件。

import Tooltip from "@material-ui/core/Tooltip";
...
...
<Tooltip title="Add" arrow>
    <Button>Arrow</Button>
</Tooltip>
...
...

我想禁用进入和退出动画。我怎样才能在最新版本中实现这一点

Answer 1

您可以使用 TransitionComponent和 TransitionProps来解决这个问题。

使用 Fade带 timeout: 0 的过渡组件作为过渡组件的属性:

import Tooltip from "@material-ui/core/Tooltip";
import Fade from "@material-ui/core/Fade";
...
<Tooltip
    title="Add"
    arrow
    TransitionComponent={Fade}
    TransitionProps={{ timeout: 0 }}
>
    <Button>Arrow</Button>
</Tooltip>