[Optimization] Optimizing PromiseRender.js Deprecated React Lifecycle

apache · Oct 3, 2023 · 6c0e3c2 · 6c0e3c2
1 parent 8ce3b19
commit 6c0e3c2
Showing 1 changed file with 14 additions and 3 deletions.
diff --git a/src/components/Authorized/PromiseRender.js b/src/components/Authorized/PromiseRender.js
@@ -21,15 +21,26 @@ import { Spin } from 'antd';
 export default class PromiseRender extends React.PureComponent {
   state = {
     component: null,
+    prevPropsPromise: null,
   };
 
   componentDidMount() {
     this.setRenderComponent(this.props);
   }
 
-  componentWillReceiveProps(nextProps) {
-    // new Props enter
-    this.setRenderComponent(nextProps);
+  static getDerivedStateFromProps(nextProps, prevState) {
+    if (nextProps.promise !== prevState.prevPropsPromise) {
+      return {
+        prevPropsPromise: nextProps.promise,
+      };
+    }
+    return null;
+  }
+
+  componentDidUpdate(prevProps) {
+    if (this.props.promise !== prevProps.promise) {
+      this.setRenderComponent(this.props);
+    }
   }
 
   // set render Component : ok or error