GrowAPI

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

演示

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

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

阅读这篇关于最小化 bundle 大小的指南，了解差异。

Grow 过渡效果被 Tooltip 和 Popover 组件使用。它在内部使用 react-transition-group。

Transition 组件的属性也可用。

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

`ref` 被转发到根元素。

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

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