babel react

fiddle

by dingen2010

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>
<link rel="stylesheet" href="http://w2ui.com/web/js/w2ui-1.3a.min.css">
<script src="https://unpkg.com/[email protected]/babel.js"></script>
<div id="root"></div>

Babel + JSX

class Clock extends React.Component
{
  

    componentDidMount() {
       setInterval(this.timer, 2000);
    }

    componentWillUnmount() {
        clearInterval(this.countdown);
    }

    timer() {
     		console.log('timer');
   			//console.log(this.state)
        //this.state = {currentCount: 10};
        this.setState({currentCount:this.state.currentCount+1});
    }

    render() {
        var displayCount = this.state.currentCount--;
        return (
            <section>
                {displayCount}
            </section>
        );
    }
}
  ReactDOM.render( <Clock /> , document.getElementById('root'));