GrowAPI

React Grow 元件的 API 參考文件。瞭解此匯出模組的 props、CSS 和其他 API。

範例展示

如需此 React 元件的使用範例和詳細資訊，請造訪元件範例展示頁面

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

請閱讀這份關於最小化套件大小的指南，以瞭解差異。

Grow 轉場效果用於 Tooltip 和 Popover 元件。它在內部使用 react-transition-group。

Transition 元件的 Props 也可使用。

名稱	類型	預設值	描述
children*	element	-	單一子內容元素。這需要能夠持有 ref。
addEndListener	func	-	新增自訂轉場效果結束觸發器。使用轉場中的 DOM 節點和完成回呼呼叫。允許更精細的轉場效果結束邏輯。注意：如果提供，逾時仍會用作備用方案。
appear	bool	true	如果 `in` 也為 `true`，則在首次掛載時執行進入轉場效果。設定為 `false` 以停用此行為。
easing	{ enter?: string, exit?: string } \| string	-	轉場效果計時函數。您可以指定單一 easing 或包含 enter 和 exit 值的物件。
in	bool	-	如果為 `true`，元件將進入轉場效果。
timeout	'auto' \| number \| { appear?: number, enter?: number, exit?: number }	'auto'	轉場效果的持續時間，以毫秒為單位。您可以為所有轉場效果指定單一 timeout，或使用物件個別指定。設定為 'auto' 以根據高度自動計算轉場時間。

`ref` 會轉發到根元素。

雖然上面未明確記載，但 react-transition-group 中 Transition 元件的 props 也可在 Grow 中使用。您可以利用此功能來鎖定巢狀元件。

如果您在此頁面中找不到資訊，請考慮查看元件的實作程式碼以瞭解更多詳細資訊。