JSFiddle - React, Tailwind, and code Playground

HTML

<div id="example"></div>

Babel + JSX

var ExampleClassA = React.createClass({
	render: function() {
       return (
           <div>
              <input type='checkbox' onChange={this.props.onChange}/>
           </div>
       )
    }
});

var ExampleClassB = React.createClass({
   render: function() {
      return (
          <span>{this.props.a? "true" : "false"}</span>
      );
   }
});

var ParentClass = React.createClass({
	getInitialState() {
		return {
			a: false
		};
	},

	changeVariable(e) {
		this.setState({a: e.target.checked});
	},

	
	render() {
  return(
		<div>
			<ExampleClassA onChange={this.changeVariable} />
			<ExampleClassB a={this.state.a} />
		</div>
    );
	}

});

React.render(<ParentClass />, document.getElementById("example"));