ReactJS Update parent's state from child component

by sauravmishra

HTML

<script src="https://unpkg.com/react@15/dist/react.min.js"></script>
<script src="https://unpkg.com/react-dom@15/dist/react-dom.min.js"></script>
<div id="demo">134</div>

Babel + JSX

//ChildB component
	class ChildB extends React.Component {

		render() {
			
			var	handleToUpdate	=	this.props.handleToUpdate;
			return (<div><button onClick={() => handleToUpdate('data')}>Click me</button></div>
			)
		}
	}

	//ParentA component
	class ParentA extends React.Component {
			
	    constructor(props) {
			super(props);
			var handleToUpdate	= this.handleToUpdate.bind(this);
            var arg1 = '';
		}

		handleToUpdate(someArg){
				alert('Argument from Child to Parent: ' + someArg);
		        this.setState({arg1:someArg});
		}

		render() {
			var	handleToUpdate	=	this.handleToUpdate;
		
			return (<div>
						<ChildB handleToUpdate = {handleToUpdate.bind(this)} /></div>)
		}
	}

	if(document.querySelector("#demo")){
		ReactDOM.render(
			<ParentA />,
			document.querySelector("#demo")
		);
	}