React Example Dropdown

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>

Babel + JSX

var DropDown = React.createClass({
    getInitialState: function () {
        return {
            options: ['Option A','Option B']
        };
    },
    
    
    render: function () {
        return (
            <div><span>{this.props.label}</span>:
                <select defaultValue="1"  >
                    <option value="1" >Please select...</option>
                    {this.state.options.map(function (option) {
                        return <option>{option}</option>;
                    })}
                </select>
            </div>
        );
    }
});

ReactDOM.render(
        <DropDown label="Label"/>,
       document.getElementById('container')
);