title: Pass props to parent component in React.js
body: <p>Is there not a simple way to pass a child's <code>props</code> to its parent using events, in React.js?</p>
  
  <pre><code>var Child = React.createClass({
    render: function() {
      &lt;a onClick={this.props.onClick}&gt;Click me&lt;/a&gt;
    }
  });
  
  var Parent = React.createClass({
    onClick: function(event) {
      // event.component.props ?why is this not available?
    },
    render: function() {
      &lt;Child onClick={this.onClick} /&gt;
    }
  });
  </code></pre>
  
  <p>I know you can use controlled components to pass an input's value but it'd be nice to pass the whole kit n' kaboodle. Sometimes the child component contains a set of information you'd rather not have to look up.</p>
  
  <p>Perhaps there's a way to bind the component to the event?</p>
  
  <h3>UPDATE – 9/1/2015</h3>
  
  <p>After using React for over a year, and spurred on by Sebastien Lorber's answer, I've concluded passing child components as arguments to functions in parents is <em>not</em> in fact the React way, nor was it ever a good idea. I've switched the answer.</p>