Revert "Merge pull request #129 from tstirrat15/remove-will-receive-p…

…rops"

This reverts commit 6104749, reversing
changes made to e242534.

src/Rating.js

@@ -17,11 +17,11 @@ class Rating extends React.PureComponent {
     this.symbolClick = this.symbolClick.bind(this);
   }
 
-  static getDerivedStateFromProps(props, prevState) {
-    const { value } = props;
-    return (value === prevState.displayValue)
-      ? { displayValue: value }
-      : null;
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    const valueChanged = this.props.value !== nextProps.value;
+    this.setState((prevState) => ({
+      displayValue: valueChanged ? nextProps.value : prevState.displayValue
+    }));
   }
 
   componentDidUpdate(prevProps, prevState) {

src/RatingAPILayer.js

@@ -14,11 +14,10 @@ class RatingAPILayer extends React.PureComponent {
     this.handleHover = this.handleHover.bind(this);
   }
 
-  static getDerivedStateFromProps(props, prevState) {
-    const { initialRating } = props;
-    return (initialRating !== prevState.value)
-      ? { value: initialRating }
-      : null;
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    this.setState({
+      value: nextProps.initialRating
+    });
   }
 
   handleClick(value, e) {

test/Rating-test.js

@@ -60,20 +60,20 @@ describe('Rating', function () {
     });
 
     it('should have all symbols readonly', function () {
-      rating.props.children.forEach(function (symbol) {
+      rating.props.children.forEach(function (symbol, i) {
         expect(symbol.props.readonly).to.be.false;
       });
     });
     it('should not have mouse move handler', function () {
       var noop = require('../src/utils/noop');
-      rating.props.children.forEach(function (symbol) {
+      rating.props.children.forEach(function (symbol, i) {
         expect(symbol.props.onMouseMove).to.equal(noop);
       });
     });
 
     it('should not have click handler', function () {
       var noop = require('../src/utils/noop');
-      rating.props.children.forEach(function (symbol) {
+      rating.props.children.forEach(function (symbol, i) {
         expect(symbol.props.onClick).to.equal(noop);
       });
     });