JSFiddle - React, Tailwind, and code Playground

by kuttenajith

HTML

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

JavaScript 1.7

var FruitSelector = React.createClass({
    getInitialState:function(){
        return {selectValue:'Orange'};
    },
    handleChange:function(e){
        this.setState({selectValue:e.target.value});
    },
    render: function() {
        var message='You selected '+this.state.selectValue;
        return (
        <div>
         <select value={this.state.selectValue} 
         onChange={this.handleChange} 
         >
            <option value="Orange">Orange</option>
            <option value="Radish">Radish</option>
            <option value="Cherry">Cherry</option>
          </select>
          <p>{message}</p>
          </div>        
        );
    }
});
 
React.render(<FruitSelector name="World" />, document.body);