search

reactjs / react-transition-group

An easy way to perform animations when a React component enters or leaves the DOM
https://reactcommunity.org/react-transition-group/
Other
10.1k stars 652 forks source link

During the animation, the '-enter' and '-exit' class names were not removed #871

Open wyf1992 opened 1 year ago

wyf1992 commented 1 year ago

What is the current behavior?

When entering animation

   <div  class="*-enter *-enter-active"></div>

When leaving animation

  <div  class="*-exit *-exit-active"></div>

The order of css class names is reversed, resulting in invalid animation

What is the expected behavior?

When entering animation

   <div  class="*-enter-active"></div>

When leaving animation

   <div  class="*-exit-active"></div>