src/components/EditList.js

/**
 * Created by parikhv on 4/10/16.
 */
import React, { Component } from 'react';
import { Input } from 'react-bootstrap';


/**
 * This class represents the editor dropdown option for bsSize', 'bsStyle', 'ComponentWidth', 'alignment' for the compnent properties
 */

export default class EditList extends Component {

/**
 *  EditList dropdown UI render method
*/
    render() {
        let { value, name, options, onChange } = this.props;
        const parse = event => {
            return {value: {value: event.target.value, options}};
        };

        return (
            <Input type="select" label={name} defaultValue={value} onChange={event => onChange(parse(event))} >
                {options.map((opt, optKey) => {
                    return ( <option value={opt} key={optKey} >{opt}</option>);
                })}
            </Input>
        );
    }
}