ReactCSSTransitionGroup animasyonu çalışmıyor

Question

ReactCSSTransitionGroup ile çalışacak animasyonları alamıyorum. Aşağıdaki stilleri ile

<ReactCSSTransitionGroup 
    transitionName="fader" 
    transitionEnterTimeout={500} 
    transitionLeaveTimeout={500}> 
    {React.cloneElement(children, { 
    key: pathname 
    })} 
</ReactCSSTransitionGroup> 

:

.fade-enter { 
    opacity: 0.01; 
} 
.fade-enter.fade-enter-active { 
    opacity: 1; 
    transition: opacity 500ms ease-in; 
} 
.fade-leave { 
    opacity: 1; 
} 
.fade-leave.fade-leave-active { 
    opacity: 0.01; 
    transition: opacity 500ms ease-in; 
} 

Ben DOM-girin ve bırak stilleri hem bakarsak rota değişiklikleri uygulanıyor ama sadece-girin Aşağıdaki kod var stiller hareketli. Rotalar arasında hızla tıklarsam, çıkış animasyonu görünür, ancak önceki rotalar için. Yani A -> B -> A'ya gidersem, A'ya geri döndüğümde animasyon kısaca titreyecek.

Answer 1

Tamam, animasyonu uygulanmaktan çıkıyor ancak div kapalı. Hata. Bir önceki sayfanın izinli bir animasyona sahip olmasını istiyorsanız, rotaları canlandırırken, position:absolute veya ekranda tutmak için benzer bir şey eklemeniz gerekir.