reactjs - 每次将相同的`ReactCSSTransitionGroup`应用于组件而不重用代码

Question

我在 a 中有以下Modal组件渲染ReactCSSTransitionGroup：

<ReactCSSTransitionGroup
  transitionName="modalTransition"
  transitionEnterTimeout={500}
  transitionLeaveTimeout={500}
  transitionAppearTimeout={500}
  transitionAppear
>
   <Modal />
</ReactCSSTransitionGroup>

这很好用，但我想在每次渲染Modal.

据我了解，我不能将组件放置ReactCSSTransitionGroup在组件内部，Modal因为它需要在此之前渲染。

我能做些什么来确保每次调用它时Modal总是没有重复包装代码？modalTransition ReactCSSTransitionGroup

Answer 1

我认为这就是你需要的：https ://facebook.github.io/react/docs/animation.html#animating-one-or-zero-items

您可以将其<ReactCSSTransitionGroup>放在里面<Modal>，只需更改“过渡更改”上的关键属性