ZoomAPI

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

演示

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

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

Zoom 过渡效果可以用于Button 组件的浮动变体。它在内部使用 react-transition-group。

Transition 组件的属性也可用。

名称	类型	默认值	描述
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 组件的属性在 Zoom 中也可用。您可以利用这一点来定位嵌套组件。

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