title: Refreshing children state from parent React
body: <p>I have a table with some data and each element in the table is a React class component. It looks like this:</p>
  
  <p><img src="https://i.stack.imgur.com/qN8kP.png" alt="Table"></p>
  
  <p>All i want is to have one checkbox for "check all" feature (top left checkbox). The thing is I don't know how to solve that because of <code>props</code> and <code>state</code>.</p>
  
  <p>I have code like that in single element component:</p>
  
  <pre><code>getInitialState: function() {
      return { component: this.props.data };
    },
  
  render: function() {
      var data = this.state.component;
      data = data.set('checked', this.props.data.get('checked'));
      ...
  }
  </code></pre>
  
  <p>And I know I shouldn't get <code>checked</code> param from <code>props</code> but it is just temporary.</p>
  
  <p>What I have problem with is: When I update <code>checked</code> param in parent it doesn't update state, because <code>getInitialState</code> isn't called after refresh (yep, i know it should be like that).</p>
  
  <p>My question is: <strong>can I somehow update state of child component?</strong> Or it is better way to achieve that.</p>