双击会有重复值 #74

Author: harryzhou6

src/pages/HostKeyHash/index.js

@@ -35,17 +35,21 @@ class HostKeyHash extends Component {
         let redisKey = this.props.redisKey;
         this.refreshValue(redisKey);
     }
+
     /**
-     * 在组件接收到一个新的 prop (更新后)时被调用。这个方法在初始化render时不会被调用。
+     *组件更新
      *
-     * @param {*} nextProps
-     * @memberof HostKeyHash
+     * @param {*} prevProps
+     * @memberof HostKeyString
      */
-    UNSAFE_componentWillReceiveProps(nextProps) {
-        this.props = nextProps;
-        let redisKey = this.props.redisKey;
-        this.refreshValue(redisKey);
+    componentDidUpdate(prevProps) {
+        if (this.props.redisKey !== prevProps.redisKey) {
+            this.props = prevProps;
+            let redisKey = this.props.redisKey;
+            this.refreshValue(redisKey);
+        }
     }
+
     /**
      * table columns
      *

src/pages/HostKeySet/index.js

@@ -36,15 +36,17 @@ class HostKeySet extends Component {
         this.refreshValue(redisKey);
     }
     /**
-     * 在组件接收到一个新的 prop (更新后)时被调用。这个方法在初始化render时不会被调用。
+     *组件更新
      *
-     * @param {*} nextProps
+     * @param {*} prevProps
      * @memberof HostKeyString
      */
-    UNSAFE_componentWillReceiveProps(nextProps) {
-        this.props = nextProps;
-        let redisKey = this.props.redisKey;
-        this.refreshValue(redisKey);
+    componentDidUpdate(prevProps) {
+        if (this.props.redisKey !== prevProps.redisKey) {
+            this.props = prevProps;
+            let redisKey = this.props.redisKey;
+            this.refreshValue(redisKey);
+        }
     }
     /**
      * table columns

src/pages/HostKeySortSet/index.js

@@ -37,15 +37,17 @@ class HostKeySortSet extends Component {
         this.refreshValue(redisKey);
     }
     /**
-     * 在组件接收到一个新的 prop (更新后)时被调用。这个方法在初始化render时不会被调用。
+     *组件更新
      *
-     * @param {*} nextProps
+     * @param {*} prevProps
      * @memberof HostKeyString
      */
-    UNSAFE_componentWillReceiveProps(nextProps) {
-        this.props = nextProps;
-        let redisKey = this.props.redisKey;
-        this.refreshValue(redisKey);
+    componentDidUpdate(prevProps) {
+        if (this.props.redisKey !== prevProps.redisKey) {
+            this.props = prevProps;
+            let redisKey = this.props.redisKey;
+            this.refreshValue(redisKey);
+        }
     }
     /**
      * table columns