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

Question

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

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

该文件称'该组件管理列表中的一组组件。' 我还是不知道为什么这么hanppen。 有人能告诉我吗???

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