没有TransitionGroup组件，演示无法正常工作

Question

我在我的项目中使用react-transition-group。 到目前为止，整个项目都运行良好，但是有一些令我困惑的地方。 没有TransitionGroup，该项目的动画无法正常工作。

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

该文件说：“组件管理列表中的一组组件。” 我仍然不知道为什么会这样。 有人可以告诉我吗？

Answer 1

TransitionGroup管理组件的定时安装和卸载，这允许动画在安装/卸载之前开始/结束动画。 而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