0

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

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

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

4

1 回答 1

0

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

于 2018-02-10T17:48:04.183 回答