fix(Transition): 动画完成即触发 onTransitionEnd 事件

fjc0k · Mar 20, 2019 · 4a806d9 · 4a806d9
1 parent 10d0e38
commit 4a806d9
Showing 1 changed file with 5 additions and 7 deletions.
diff --git a/src/components/Transition/index.tsx b/src/components/Transition/index.tsx
@@ -75,12 +75,10 @@ export default class MTransition extends component({
   }
 
   handleAnimationEnd = () => {
-    this.setState(
-      { display: this.props.visible },
-      () => {
-        this.props.onTransitionEnd()
-      },
-    )
+    this.setState({
+      display: this.props.visible,
+    })
+    this.props.onTransitionEnd()
   }
 
   render() {
@@ -93,8 +91,8 @@ export default class MTransition extends component({
         className={`m-transition m-transition__${name} ${className}`}
         style={{
           WebkitAnimationName: animationName,
-          animationName: animationName,
           WebkitAnimationDuration: animationDuration,
+          animationName: animationName,
           animationDuration: animationDuration,
           ...(display ? {} : { display: 'none' }),
         }}