fix(taro-components): 修复定时器在组件更新时未取消问题

NervJS · Mar 6, 2020 · 291feae · 291feae
1 parent 11b0026
commit 291feae
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/packages/taro-components/src/components/button/index.js b/packages/taro-components/src/components/button/index.js
@@ -13,6 +13,11 @@ class Button extends Nerv.Component {
       touch: false
     }
   }
+
+  componentWillUnmount() {
+    this.startTimer && clearTimeout(this.startTimer)
+    this.endTimer && clearTimeout(this.endTimer)
+  }
 
   render () {
     const {
@@ -48,7 +53,7 @@ class Button extends Nerv.Component {
         touch: true
       }))
       if (hoverClass && hoverClass !== 'none' && !disabled) {
-        setTimeout(() => {
+        this.startTimer = setTimeout(() => {
           if (this.state.touch) {
             this.setState(() => ({
               hover: true
@@ -63,7 +68,7 @@ class Button extends Nerv.Component {
         touch: false
       }))
       if (hoverClass && hoverClass !== 'none' && !disabled) {
-        setTimeout(() => {
+        this.endTimer = setTimeout(() => {
           if (!this.state.touch) {
             this.setState(() => ({
               hover: false