JSFiddle - React, Tailwind, and code Playground

by koba04

HTML

<script src="http://fb.me/react-with-addons-0.11.0.js"></script>
<script src="http://fb.me/JSXTransformer-0.11.0.js"></script>
<script src="http://fb.me/react-js-fiddle-integration.js"></script>

JavaScript 1.7

/** @jsx React.DOM */

var Sample = React.createClass({
    getInitialState: function() {
        return {
            user: {
                name: "bob",
                score: { point:1 }
            },
            title: "this is test"
        };
    },
    onHandleAddClick: function() {
        var user = this.state.user;
        user.score.point *= 10;
        this.setState({user: user});        
    },
    onHandleNoneClick: function() {
        this.setState(this.state);        
    },
    componentDidUpdate: function() {
        console.log("did update");
    },
    render: function() {
        return (
            <div>
                <p>{this.state.title}</p>
                <button onClick={this.onHandleAddClick}>add</button>
                <button onClick={this.onHandleNoneClick}>none</button>
                <p>{this.state.user.name}:{this.state.user.score.point}</p>
            </div>
        );
    }
});
 
React.renderComponent(<Sample />, document.body);