离开过渡不适用于ReactCSSTransitionGroup

Question

我有以下组成部分：

<ReactCSSTransitionGroup 
    transitionName={transitionName} 
    transitionAppear={true} 
    transitionLeave={true} 
    > 
    {children} 
    </ReactCSSTransitionGroup> 

下面CSS类：

.slide-appear { 
    max-height: 0; 
} 

.slide-appear.slide-appear-active { 
    max-height: 100vh; 
    overflow: visible; 
    transition: max-height 500ms ease-in; 
} 

.slide-leave { 
    max-height: 100vh; 
} 

.slide-leave.menu-leave-active { 
    overflow: hidden; 
    max-height: 0px; 
    transition: max-height 500ms ease; 
} 

的过渡正在为出现，但没有休假。

Answer 1

按照documentation，你禁用休假动画使用此道具：

transitionLeave={false} 

只是将其删除，问题就迎刃而解了。

另外作为快速提醒，transitionAppear用于enable animation after initial mount的组件，不启用输入动画。