JSFiddle - React, Tailwind, and code Playground

by terebentina

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.0/JSXTransformer.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.0/react-with-addons.js"></script>
<script src="http://facebook.github.io/react/js/jsfiddle-integration.js"></script>

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

JavaScript 1.7

var Test = React.createClass({
    handleClick: function(e) {
        e.preventDefault();
        alert('clicked');
    },
    toggle: function(e) {
        React.findDOMNode(this.refs.theLink).disabled = e.target.checked;
    },
    render: function() {
        return (
            <div>
                <label><input type="checkbox" onChange={this.toggle} /> toggle disabled</label>
                <br />
                <button ref="theLink" href="#" onClick={this.handleClick}>click me</button>
            </div>
        );
    }
});
 
React.render(<Test />, document.getElementById('container'));