FadeAPI

React Fade 组件的 API 参考文档。了解此导出的模块的 props、CSS 和其他 API。

演示

有关此 React 组件用法的示例和详细信息，请访问组件演示页面

import Fade from '@mui/material/Fade';
// or
import { Fade } from '@mui/material';

阅读关于最小化 bundle size 的指南，了解它们之间的区别。

Fade 过渡效果由 Modal 组件使用。它在内部使用 react-transition-group。

Transition 组件的 Props 也可用。

名称	类型	默认值	描述
children*	element	-	单个子内容元素。此需要能够容纳 ref。
addEndListener	func	-	添加自定义过渡结束触发器。使用过渡 DOM 节点和 done 回调调用。允许更精细的过渡结束逻辑。注意：如果提供，超时仍用作后备。
appear	bool	true	如果 `in` 也为 `true`，则在首次挂载时执行进入过渡。设置为 `false` 以禁用此行为。
easing	{ enter?: string, exit?: string } \| string	-	过渡 timing 函数。您可以指定单个 easing 或包含 enter 和 exit 值的对象。
in	bool	-	如果 `true`，组件将过渡进入。
timeout	number \| { appear?: number, enter?: number, exit?: number }	{ enter: theme.transitions.duration.enteringScreen, exit: theme.transitions.duration.leavingScreen, }	过渡的持续时间，以毫秒为单位。您可以为所有过渡指定单个超时，也可以使用对象单独指定。

ref 被转发到根元素。

虽然上面没有明确文档说明，但来自 react-transition-group 的 Transition 组件的 props 也在 Fade 中可用。您可以利用它来定位嵌套组件。

如果您在此页面中找不到信息，请考虑查看组件的实现以获取更多详细信息。