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-0.14.0.js"></script>
<script src="https://fb.me/react-dom-0.14.0.js"></script>
<script src="https://facebook.github.io/react/js/jsfiddle-integration-babel.js"></script>
<div id="container1">
    <!-- This element's contents will be replaced with your component. -->
</div>

<h1> ------------------- </h1>

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

JavaScript 1.7

class R1 extends React.Component {
	render() {
    	return (
    		<div className="r1">
            	{this.props.data.map( datum => 
                	<h1 key={datum}> {datum} </h1>
                )}
        	</div>
        );
    }
}

class R2 extends React.Component {
	render() {
    	return (
    		<div className="r2">
            	{this.props.data.map( datum => {
                	<h1 key={datum}> {datum} </h1>
                })}
        	</div>
        );
    }
}

const data = ['1', '2'];
 
ReactDOM.render(
	<R1 data = {data} />,
    document.getElementById('container1')
);

ReactDOM.render(
	<R2 data = {data} />,
    document.getElementById('container2')
);