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.0.1.js"></script>
<script src="https://fb.me/react-dom-15.0.1.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

var Child = React.createClass({
    render: function() {
        var names = this.props.classes;
        console.log(names);
        return (
            <select>
                {names.map(function(name, index){
                    return <option key={ index }>{name}</option>;
                  })}
            </select>
        )
    }
});

var Parent = React.createClass({
		getInitialState: function(){
      return {classes: [] }  
    },
    componentDidMount: function(){
      setTimeout(function(){
      	this.setState({classes: ['justin', 'earl', 'samuels', 'tom']});
      }.bind(this), 500);
    },

    render: function() {
        return (
            <Child classes={this.state.classes} name="World" />
        )
    }
});


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