How to add elements to select in react.js?

Question

JavaScript

How to add elements to select in react.js?

<select >
  <option value="1">Один</option>
  <option value="2">Два</option>
</select>

Answer 1

Wrap the select weight in a separate component and re-render it every time there is new data. Something like this:

var Select = React.createClass({
    getInitialState: function() {
        return {
            options: optionsService.getoptions()
        };
    },

    renderOptions: function() {
        return this.state.genres.map(function(genre, i){
            return (
                <option value={i} value={i}>Один</option>
            )
        })
    },

    render: function() {
        return (
            <select>
                { this.renderOptions() }
            </select>
        )
    }
});