simple ajax fill options

ribs.jsx

var React   = require('react')
var request = require('superagent')

module.exports = React.createClass({

  getInitialState: function() {
    return {
      ready   : false,
      options : [],
    }
  },

  componentDidMount: function() {
    this.getOptions()
  },

  getOptions: function() {
    request
      .get('/route')
      .set('Accept', 'application/json')
      .end(function(error, res){
        if (error) return false

        this.setState({
          ready   : true,
          options : JSON.parse(res.text)
        })
      }.bind(this))
  },

  renderOptions: function(option) {
    return <option>{ option }</option>
  }

  render: function() {
    if (!this.state.ready) {
      return (
        <div>
          Loading...
        </div>
      )
    }

    return (
      <select>
        {this.options.map(this.renderOptions)}
      </select>
    )
  }
})