react : update parent state from within child

1. var Child = React.createClass({
2. handleClick: function(event){
3. if (confirm("Press a button!")) {
4. this.props.sendChildConfirm();
5. } else {
6. this.props.sendChildCancel();
7. }
8. }
9. ,
10. render: function () {
11. return (
12. <a style={{border: 1}} onClick={this.handleClick}>update parent state from within child</a>
13. );
14. },
16. });
17. var Parent = React.createClass({
18. getInitialState: function() {
19. return {childText: 'Nothing'};
20. },
21. render: function () {
22. return (
23. <div>
24. <h3>Child says {this.state.childText}</h3>
25. <Child sendChildConfirm={this.handleConfirm} sendChildCancel={this.handleCancel} />
26. </div>
27. );
28. },
29. handleConfirm: function(event) {
30. this.setState({childText: 'Yes!'});
31. },
32. handleCancel: function(event) {
33. this.setState({childText: 'No!'});
34. }
35. });
36. ReactDOM.render(
37. <Parent />,
38. document.getElementById('react-child-parent-dom-node')
39. );

Download full working code : Download