Simple select for React.

react-select.jsx

const React = require('react');
const classnames = require('classnames');
const { find, map } = require('lodash');

module.exports = React.createClass({
    displayName: 'Select',

    propTypes: {
        types: React.PropTypes.arrayOf(
            React.PropTypes.shape({
                label: React.PropTypes.string,
                onClick: React.PropTypes.func
            }).isRequired
        ).isRequired
    },

    _onChange(evnt) {
        const { types } = this.props;
        const selectedType = find(types, { id: evnt.target.value });
        selectedType && selectedType.onClick();
    },

    render() {
        const { types, className, label } = this.props;
        return (
            <div className={classnames('form-group', className)}>
                <label>
                    {label}
                    <select id='sortBy' name='sortBy' className='form-control' onChange={this._onChange}>
                        { map(types, (type, index) => <option value={type.id} key={index}>{type.label}</option>) }
                    </select>
                </label>
            </div>
        );
    }
});

//Usage:
React.createClass({
  render() {
    return(
      <Select
          className='pull-right sortBy'
          types={[
              { id: 'lower', label: 'Price: lower first', onClick: () => console.log('lower') },
              { id: 'higher', label: 'Price: higher first', onClick: () => console.log('higher') }
          ]}
      />
    );
  }
})