🚀 Perf: [前台]:搜索加入延迟300ms后发送搜索请求

2019-07-26 10:22:55 +08:00 · 2019-07-26 10:22:55 +08:00 · 89e08c569e
commit 89e08c569e
parent c1e02db0db
1 changed files with 15 additions and 1 deletions
--- a/front/src/components/Search/index.jsx
+++ b/front/src/components/Search/index.jsx
@ -14,10 +14,24 @@ class Search extends React.Component {
    };
  }

+  componentWillUnmount() {
+    this.clearTimer();
+  }
+
  contentChange(e) {
    const content = e.target.value.trim();
    this.setState({ content });
-    this.search(content);
+    this.clearTimer();
+    this.timer = setTimeout(() => {
+      this.search(content);
+      this.clearTimer();
+    }, 300);
+  }
+
+  clearTimer() {
+    if (this.timer != null) {
+      clearTimeout(this.timer);
+    }
  }

  search(content) {