Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save moehammoud/83dc93d21a03fee7e14dbb2371deb2de to your computer and use it in GitHub Desktop.
Save moehammoud/83dc93d21a03fee7e14dbb2371deb2de to your computer and use it in GitHub Desktop.
React JS. Pass button click as prop to parent function.
var ChildComponent = React.createClass({
render: function() {
return (
<div>
<button onClick={this.performMagicClick}>Do Magic</button>
</div>
);
}
});
var ParentComponent = React.createClass({
performMagic: function() {
alert('TAADAH!');
},
render: function() {
return (
<div>
<ChildComponent performMagicClick={this.performMagic}/>
</div>
);
}
});
ReactDOM.render(
<ParentComponent />,
document.getElementById('container')
);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment