没有 TransitionGroup 组件，演示不起作用

【问题标题】：without TransitionGroup component, demo dosen't work没有 TransitionGroup 组件，演示不起作用
【发布时间】：2018-02-11 01:48:04
【问题描述】：

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

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

文档说“该组件管理列表中的一组组件。” 我仍然不知道为什么会这样。谁能告诉我？？？

【问题讨论】：

标签： reactjs animation react-transition-group

【解决方案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

【讨论】：

谢谢，终于找到答案了。 TransitionGroup 会自动在 CSSTransition 中添加一个“in”，以便 CSSTransition 中的组件可以在安装或卸载期间进行动画处理。