沒有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