Is there not a simple way to pass a child’s props to its parent using events, in React.js?

var Child = React.createClass({
  render: function() {
    <a onClick={this.props.onClick}>Click me</a>
  }
});

var Parent = React.createClass({
  onClick: function(event) {
    // event.component.props ?why is this not available?
  },
  render: function() {
    <Child onClick={this.onClick} />
  }
});

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.

Perhaps there’s a way to bind the component to the event?

UPDATE – 9/1/2015

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 not in fact the React way, nor was it ever a good idea. I’ve switched the answer.

7 Answers
7

Leave a Reply

Your email address will not be published. Required fields are marked *