TransitionGroup过度组(组件)

58 阅读1分钟

<TransitionGroup>组件管理列表中的一组转换组件(<Transition><CSSTransition>)。与过渡组件一样,<TransitionGroup>它是一个状态机,用于随时间管理组件的安装和卸载。

被组件包括的子组件,他们的出现、离开都会有过度效果。

属性props:

  • component

<TransitionGroup>默认情况下呈现 a <div>。您可以通过提供component道具来更改此行为。如果您使用 React v16+ 并希望避免包装<div>元素,您可以传入component={null}. 如果包装 div 破坏了您的 css 样式,这将很有用。

  • arrear

    为所有孩子启用或禁用出现动画的便利道具。请注意,指定这将覆盖在单个子转换上设置的任何默认值。

  • enter

    为所有孩子启用或禁用输入动画的便利道具。请注意,指定这将覆盖在单个子转换上设置的任何默认值。

  • exit

    一个方便的道具,可以为所有孩子启用或禁用退出动画。请注意,指定这将覆盖在单个子转换上设置的任何默认值。