Edit in JSFiddle

var CounterDisplay = React.createClass({
	render: function(){
  	return <div>{this.props.counterProp}</div>
  }
})

var Counter = React.createClass({
	getInitialState: function() {
    return {
    	counter: 0
    };
  },
  render: function() {
    return <div>
    		<h2>{this.props.name}</h2>
    		<CounterDisplay counterProp={this.state.counter}></CounterDisplay>
      </div>;
  }
});

ReactDOM.render(
  <Counter name={'Counter'} />,
  document.getElementById('container')
);
<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>