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

class ChildComponent extends React.Component { 
	render() {
    return (
       <div className="">
         <a onClick={() => this.doIt()}>doIt</a>
       </div>
    )
	}

  doIt() {
      const { onSomeAction } = this.props;
      onSomeAction();
  }
}

class Component extends React.Component {
    constructor(props) {
        super(props);
    }

    render() {
        return (
           <div className="mycomponent">
             <ChildComponent onSomeAction={ this.doSomething.bind(this) } />
           </div>
        )
    }

    doSomething() {
        console.log(this);
    }
}



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