React Base Fiddle (JSX)

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

by Cody Lindley

HTML

<script src="https://fb.me/react-with-addons-0.14.0.js"></script>
<script src="https://fb.me/react-dom-0.14.0.js"></script>
<div id="app"></div>

Babel + JSX

var MyComponent = React.createClass({
	propTypes:{
		propArray: React.PropTypes.array.isRequired,
		propFunc: React.PropTypes.func.isRequired,
	},
	render: function() {
		return (<div>
			propArray: {this.props.propArray.toString()} 
			<br /><br />
			propFunc returns: {this.props.propFunc()} 
		</div>);
	}
});
//this has the wrong props
ReactDOM.render(<MyComponent propArray={{test:'test'}} />, document.getElementById('app'));

//This has the right props
//ReactDOM.render(<MyComponent propArray={[1,2]} propFunc={function(){return 3;}} />, document.getElementById('app'));