title: React JS triggering re-render when props sorted
body: <p>I have a react component for a list of data comprised of two sub components</p>
  
  <pre><code>&lt;List&gt;
     &lt;SortingAndFiltering data={this.state.data}/&gt;
     &lt;RowsDisplay data={this.state.data}/&gt;
  &lt;/List&gt;
  </code></pre>
  
  <p>One subcomponent handles sorts and filters and the other renders the actual bulk of the data.</p>
  
  <p>When I perform a sort on the props.data inside SortingAndFiltering the event isn't propagated up the chain.</p>
  
  <p>Whats the correct way to signal that a consumer of a prop has made a change to this prop?</p>