ReactJS의 표 셀에 CSSTransitionGroup을 설정할 수 있습니까?

Question

이 JSX 구조를 고려

<table> 
    <tbody> 
    <tr> 
     <td>{this.props.firstName}</td> 
     <td>{this.props.lastName}</td> 
    </tr> 
    </tbody> 
</table> 

소품 중 하나가, 갱신과 같이 될 때 나는 TD의 배경색을 설정하는 CSSTransitionGroup을 사용하고 싶습니다 : 여기

<table> 
    <tbody> 
    <tr> 
     <ReactCSSTransitionGroup transitionName="example"> 
     <td key={this.props.firstName}>{this.props.firstName}</td> 
     </ReactCSSTransitionGroup> 
     <td>{this.props.lastName}</td> 
    </tr> 
    </tbody> 
</table> 

문제 ReactCSSTransitionGroup이 테이블 행의 유효한 하위가 아닌 범위로 렌더링된다는 것입니다. React를 사용하면 테이블 셀에 애니메이션을 입력/나가기를 설정할 수 있습니까?

Answer 1

component 속성을 사용하여 원하는 경우 스팬과 다른 컨테이너 요소를 사용하도록 반응 CSS 전환을 지정할 수 있습니다.

http://facebook.github.io/react/docs/animation.html#rendering-a-different-component

그게 내가 아마 디스플레이, 테이블을 사용하는 대신 된 div를 사용하지 않는 것이 좋습니다 것 작동하지 않는 경우 : 테이블/테이블 행/테이블 셀을.