<TransitionGroup>组件管理列表中的一组转换组件(<Transition>和<CSSTransition>)。与过渡组件一样,<TransitionGroup>它是一个状态机,用于随时间管理组件的安装和卸载。
被组件包括的子组件,他们的出现、离开都会有过度效果。
属性props:
component
<TransitionGroup>默认情况下呈现 a <div>。您可以通过提供component道具来更改此行为。如果您使用 React v16+ 并希望避免包装<div>元素,您可以传入component={null}. 如果包装 div 破坏了您的 css 样式,这将很有用。
-
arrear为所有孩子启用或禁用出现动画的便利道具。请注意,指定这将覆盖在单个子转换上设置的任何默认值。
-
enter为所有孩子启用或禁用输入动画的便利道具。请注意,指定这将覆盖在单个子转换上设置的任何默认值。
-
exit一个方便的道具,可以为所有孩子启用或禁用退出动画。请注意,指定这将覆盖在单个子转换上设置的任何默认值。