title: React's setProps() deprecated warning
body: <p>In parent component <strong>App</strong> I render child component <strong>PersonsTable</strong>:</p>
  
  <pre><code>  var App = React.createClass({
      addPerson: function() {
        // building personToAdd object and passing to personsTable...
        this.refs.personsTable.setState({personToAdd: person});
      },
  
      render: function() {
        return (
          &lt;div&gt;
            &lt;PersonsTable ref="personsTable" /&gt;
            ...
          &lt;/div&gt;
        );
      },
    });
  </code></pre>
  
  <p>Now I'm passing a new object by calling <strong>setState</strong> method of PersonsTable.
  If I call <strong>setProps</strong> method, it returns a warning </p>
  
  <blockquote>
    <p>Uncaught Invariant Violation: setProps(...): You called <code>setProps</code> on a component with a parent. This is an anti-pattern since props will get reactively updated when rendered. Instead, change the owner's <code>render</code> method to pass the correct value as props to the component where it is created.</p>
  </blockquote>
  
  <p>How do I correctly pass such an object to PersonsTable without using <strong>setState</strong> method?</p>
  
  <p>Here is full code <a href="https://jsfiddle.net/jpt5uy1k/" rel="nofollow">https://jsfiddle.net/jpt5uy1k/</a></p>