滑动API

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

演示

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

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

Slide 过渡效果被 Drawer 组件使用。它在内部使用了 react-transition-group。

Transition 组件的 Props 也可用。

名称	类型	默认值	描述
children*	element	-	单个子内容元素。这个需要能够持有 ref。
addEndListener	func	-	添加自定义过渡结束触发器。使用过渡 DOM 节点和一个 done 回调调用。允许更精细的过渡结束逻辑。注意：如果提供，超时仍用作后备。
appear	bool	true	如果 `in` 也为 `true`，则在首次挂载时执行进入过渡。设置为 `false` 以禁用此行为。
container	HTML 元素 \| func	-	一个 HTML 元素，或一个返回 HTML 元素的函数。它用于设置 Slide 从其过渡的容器。
direction	'down' \| 'left' \| 'right' \| 'up'	'down'	子节点将从哪个方向进入。
easing	{ enter?: string, exit?: string } \| string	{ enter: theme.transitions.easing.easeOut, exit: theme.transitions.easing.sharp, }	过渡时序函数。您可以指定单个 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 也可在 Slide 中使用。您可以利用这一点来定位嵌套组件。

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