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

[wyf1992]

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>