은`나는이 (가) <code>ReactCSSTransitionGroup</code> 내부 렌더링 <code>Modal</code> 구성 요소를 다음 한 코드

Question

를 재사용하지 않고 구성 요소마다 ReactCSSTransitionGroup` : 이것은 잘 작동하지만 난 내 전환 I 렌더링 할 때마다 적용 할

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

a Modal.

이해하기 전에 Modal 구성 요소 안에 ReactCSSTransitionGroup을 배치 할 수 없습니다. 그 전에 렌더링해야하므로 구성 요소를 배치 할 수 없습니다.

내가 전화 할 때마다 반복 코드없이 modalTransitionReactCSSTransitionGroup이 항상 표시되도록하려면 어떻게해야합니까?

Answer 1

나는이 당신이 필요 생각 : https://facebook.github.io/react/docs/animation.html#animating-one-or-zero-items이

당신은 <Modal> 내부의 <ReactCSSTransitionGroup>을 넣고 그냥 "전환 변경"

의 키 속성을 변경할 수 있습니다