應用相同`ReactCSSTransitionGroup`一個組件，每次不重用代碼

Question

我有以下Modal分量ReactCSSTransitionGroup內渲染：

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

這工作得很好，但我想我每次渲染時間申請我的轉變一個Modal。

據我所知，我不能將ReactCSSTransitionGroup放在Modal組件中，因爲它需要在此之前進行渲染。

我能做些什麼，以確保Modal總是有modalTransitionReactCSSTransitionGroup不重複每一次我把它封裝代碼？

Answer 1

我想這是你所需要的：https://facebook.github.io/react/docs/animation.html#animating-one-or-zero-items

你可以把<ReactCSSTransitionGroup>的<Modal>內，只是改變「跳變變化」

的關鍵屬性