forMatt

noidea.js

var UserSelect = React.createClass({
  _changed: function(event) {
    var value = this.refs.box.getDOMNode().value;
    this.props.onSelect(value);
  },

  render: function() {
    var items = this.props.items.map(function(item) {
      return (
        <option value={item}>{item}</option>
      )
    });

    return (
      <select ref="box" onChange={_changed}>
        {items}
      </select>
    )
  }
})

var SomeShit = React.createClass({
  getInitialState: function() {
    return {
      users: [1,2,3]
    };
  },

  componentWillMount: function() {
    var self = this;
    getUsers().then(function(response) {
      self.setState({users: response.users});
    })
  },

  _selected: function(value) {
    alert("value");
  },

  render: function() {
    var users = this.state.users;

    if(users.length == 0) {
      return (<div>Loading...</div>)
    } else {    
      return (
        <UserSelect items={this.state.users} onSelect={_selected} />
      )
    }
  }
})