没有 TransitionGroup 组件，演示无法运行

Question

我在我的项目中使用了 react-transition-group。到目前为止，整个项目运行良好，但有些事情让我感到困惑。没有 TransitionGroup 项目的动画无法运行。

ReactDOM.render(
  <TransitionGroup>
    <CSSTransition
      appear={true}
      classNames="appAppear"
      timeout={500}
    >
      <App/>
    </CSSTransition>
  </TransitionGroup>,
  document.getElementById('root')
);

文档说 'The component manages a set of components in a list.' 我仍然不知道为什么会这样。有人可以告诉我吗？？？

Answer 1

TransitionGroup 管理组件的定时安装和卸载，这允许动画在 mounting/un-mounting 之前 start/end。而 CSSTransition 根据当前挂载状态（如出现、进入、完成等）管理类名。

如果您想了解其中每个组件的工作原理，请查看它们的源代码：

https://github.com/reactjs/react-transition-group/blob/master/src/TransitionGroup.js

https://github.com/reactjs/react-transition-group/blob/master/src/CSSTransition.js

没有 TransitionGroup 组件，演示无法运行

without TransitionGroup component, demo dosen't work

reactjs

animation

react-transition-group