use getDerivedStateFromProps instead of componentWillReceiveProps

Spikef · Dec 11, 2019 · e1b85b5 · e1b85b5
1 parent dad86d4
commit e1b85b5
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/source/line.js b/source/line.js
@@ -13,10 +13,13 @@ export default class Line extends PureComponent {
     this.setState(props);
   }
 
-  componentWillReceiveProps(nextProps) {
-    if (nextProps.color !== this.props.color) {
-      this.setState({ color: nextProps.color });
+  static getDerivedStateFromProps(props, state) {
+    if (props.color !== state.color) {
+      return {
+        color: props.color,
+      };
     }
+    return null;
   }
 
   render() {