Migrate away from deprecated componentWillReceiveProps

ismaelbej · Mar 26, 2020 · d1fda09 · d1fda09
1 parent c1ec014
commit d1fda09
Show file tree

Hide file tree

Showing 6 changed files with 31 additions and 25 deletions.
diff --git a/client/src/views/Account.js b/client/src/views/Account.js
@@ -19,9 +19,10 @@ class Account extends React.Component {
     this.loadData(address);
   }
 
-  componentWillReceiveProps(nextProps) {
-    const { address } = nextProps.match.params;
-    if (address !== this.state.address) {
+  componentDidUpdate(prevProps) {
+    const { address: prevAddress } = prevProps.match.params;
+    const { address } = this.props.match.params;
+    if (prevAddress !== address) {
       this.loadData(address);
     }
   }

diff --git a/client/src/views/BlockInfo.js b/client/src/views/BlockInfo.js
@@ -22,9 +22,10 @@ class BlockInfo extends React.Component {
     this.loadData(hash);
   }
 
-  componentWillReceiveProps(nextProps) {
-    const { hash } = nextProps.match.params;
-    if (this.state.hash !== hash) {
+  componentDidUpdate(prevProps) {
+    const { hash: prevHash } = prevProps.match.params;
+    const { hash } = this.props.match.params;
+    if (prevHash !== hash) {
       this.loadData(hash);
     }
   }

diff --git a/client/src/views/BlockList.js b/client/src/views/BlockList.js
@@ -79,11 +79,12 @@ class BlockList extends React.Component {
     setTimeout(this.refreshEvents, BLOCKLIST_REFRESH_TIMEOUT * 1000);
   }
 
-  componentWillReceiveProps(nextProps) {
-    const { start, count } = parseParams(nextProps);
-    if (!this.state.data || this.state.data.start !== start ||
-        this.state.data.count !== count) {
-      this.loadData(start, count);
+  componentDidUpdate(prevProps) {
+    const { start: prevStart, count: prevCount } = parseParams(prevProps);
+    const { start, count } = parseParams(this.props);
+    if (prevStart !== start
+      || prevCount !== count) {
+        this.loadData(start, count);
     }
   }
 

diff --git a/client/src/views/BlockTxList.js b/client/src/views/BlockTxList.js
@@ -47,12 +47,13 @@ class BlockTxList extends React.Component {
     this.loadData(hash, start, count);
   }
 
-  componentWillReceiveProps(nextProps) {
-    const { hash, start, count } = parseParams(nextProps);
-    if (this.state.hash !== hash ||
-        this.state.start !== start ||
-        this.state.count !== count) {
-      this.loadData(hash, start, count);
+  componentDidUpdate(prevProps) {
+    const { hash: prevHash, start: prevStart, count: prevCount } = parseParams(prevProps);
+    const { hash, start, count } = parseParams(this.props);
+    if (prevHash !== hash
+      || prevStart !== start
+      || prevCount !== count) {
+        this.loadData(hash, start, count);
     }
   }
 

diff --git a/client/src/views/TxInfo.js b/client/src/views/TxInfo.js
@@ -22,9 +22,10 @@ class TxInfo extends React.Component {
     this.loadData(hash);
   }
 
-  componentWillReceiveProps(nextProps) {
-    const { hash } = nextProps.match.params;
-    if (hash !== this.state.hash) {
+  componentDidUpdate(prevProps) {
+    const { hash: prevHash } = prevProps.match.params;
+    const { hash } = this.props.match.params;
+    if (prevHash !== hash) {
       this.loadData(hash);
     }
   }

diff --git a/client/src/views/TxList.js b/client/src/views/TxList.js
@@ -78,11 +78,12 @@ class TxList extends React.Component {
     this.loadData(start, count);
   }
 
-  componentWillReceiveProps(nextProps) {
-    const { start, count } = parseParams(nextProps);
-    if (!this.state.data || this.state.data.start !== start ||
-        this.state.data.count !== count) {
-      this.loadData(start, count);
+  componentDidUpdate(prevProps) {
+    const { start: prevStart, count: prevCount } = parseParams(prevProps);
+    const { start, count } = parseParams(this.props);
+    if (prevStart !== start
+      || prevCount !== count) {
+        this.loadData(start, count);
     }
   }