clothing-size-picker.js

let React = require('react');

class ClothingSizePicker extends React.Component {

  constructor() {
    super();

    this.state = {size: 'S'};

    this._handleChange = this._handleChange.bind(this);
  }

  _handleChange(e) {
    e.preventDefault();
    this.setState({size: e.target.value});
  }

  render(){
    let select;
    let options;
    let sizes = ['S', 'M', 'L', 'XL'];
    let state = this.state;

    options = sizes.map(function(size){
      return (
        <option key={sizes.indexOf(size)} value={size}>{size}</option>
      );
    });


    return (
      <select defaultValue={state.size} onChange={this._handleChange}>
          {options}
      </select>
    );
  };
};

module.exports = ClothingSizePicker;