title: Execute a function after Props change
body: <p>I want to execute a function in Child Component after props gets changed in the Parent Component without having to manage an extra state in Child/Parent.</p>
  <pre><code>&lt;ParentCompoenent 
    myCallback={() =&gt; {}}
    myList={['a','b','c']}
  /&gt;
  </code></pre>
  <p>ChildComponent.js</p>
  <pre><code>componentWillReceiveProps(nextProps) {
    console.log(this.props.myList, '==', nextProps.myList);  // Outputs ['a','b','c'] == ['a','b','c']
  }
  </code></pre>
  <p>When I'm trying to console the nextProps in componentWillReceiveProps its giving the same result every time even after the props have been changed.</p>