ReactJS'de bir tablo hücresinde bir CSSTransitionGroup ayarlamak mümkün mü?

Question

bu JSX yapıyı düşünün:

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

sahne biri güncellenmiş şöyle olduğunda ben td arka plan rengini ayarlamak için bir CSSTransitionGroup kullanmak istiyorum: Burada

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

sorun ReactCSSTransitionGroup, bir tablo satırı geçerli bir çocuk değil, bir span olarak işler. Tablo hücrelerinde giriş/çıkış animasyonları ayarlamak React ile mümkün mü?

Answer 1

Tepki CSS Geçişleri, component özelliğini kullanarak dilerseniz, yayından farklı bir kapsayıcı öğesi kullanmak için belirtilebilir.

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

ben belki ekranlı bir tablo kullanılarak yerine div'leri kullanmayan öneriyoruz çalışmıyorsa: tablo/masa satır/tabloyu hücreli.