React Base Fiddle (JSX)

Starting point for creating JSFiddles with React. This uses React with Addons.

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.24/browser.js"></script>
<script src="https://fb.me/react-with-addons-15.2.0.js"></script>
<script src="https://fb.me/react-dom-15.2.0.js"></script>
<script src="https://facebook.github.io/react/js/jsfiddle-integration-babel.js"></script>

<div id="container">
    <!-- This element's contents will be replaced with your component. -->
</div>

JavaScript 1.7

const Comment = React.createClass({
	render() {
    return (
    	<div>
      	<input type="text" placeholder="Enter Some Text" onChange={this.props.change} value={this.props.comment} />
      </div>
    )
  }
});

const CommentContainer = React.createClass({
  getInitialState() {
    return { commentOne: '', commentTwo: '' };
  },
  changeOne(event) {
    this.setState({ commentOne: event.target.value }, printState);
  },
  changeTwo(event) {
    this.setState({ commentTwo: event.target.value }, printState);
  },
  render() {
    return (
      <div>
    	  <Comment change={this.changeOne} comment={this.state.commentOne} />
        <Comment change={this.changeTwo} comment={this.state.commentTwo} />
      </div>
    )
  }
});

function printState() {
  console.log('STATE', this.state);
}

ReactDOM.render(
  <CommentContainer />,
  document.getElementById('container')
);