title: Populate Dropdown Select with Props React
body: <p>So I am trying to populate the dropdown with some info from another table using props. Currently have this. I had to do the loop backwards because earlier it was breaking, </p>
  
  <pre><code>import React, { Component, PropTypes } from 'react';
  import {
    Button,
    ControlLabel,
    FormGroup,
    Form,
    FormControl
  } from 'react-bootstrap';
  
  class UserForm extends Component {
  
    constructor(props) {
      super(props);
    }
  
    createPosItems() {
      const posItems = [];
      console.log('heyyyy', this.props);
      for (let i = this.props.position.length; i &gt; this.props.position.length; i--) {
        posItems.push(&lt;option key={i} value={this.props.position.i}&gt;{this.props.position.position_name}&lt;/option&gt;);
      }
      return posItems;
    }
  
    createTeamItems() {
      const teamItems = [];
      console.log('whyyyyy', this.props);
      for (let i = this.props.team.length; i &gt; this.props.team.length; i--) {
        teamItems.push(&lt;option key={i} value={this.props.team.i}&gt;{this.props.team.team_name}&lt;/option&gt;);
      }
      return teamItems;
    }
  
    render() {
      return (
        &lt;div className="row"&gt;
          &lt;div className="col-lg-12"&gt;
            &lt;Form&gt;
              &lt;FormGroup controlId="employeeFirstName"&gt;
                &lt;ControlLabel&gt;First Name&lt;/ControlLabel&gt;
                &lt;FormControl
                  type="text"
                  name="firstName"
                  required=""
                  value={this.props.user.firstName}
                  onChange={this.props.onChange}
                /&gt;
              &lt;/FormGroup&gt;
              &lt;FormGroup controlId="empEmail"&gt;
                &lt;ControlLabel&gt;Email&lt;/ControlLabel&gt;
                &lt;FormControl
                  type="email"
                  name="email"
                  required=""
                  value={this.props.user.email}
                  onChange={this.props.onChange}
                /&gt;
              &lt;/FormGroup&gt;
              &lt;FormGroup controlId="position"&gt;
                &lt;ControlLabel&gt;Job Position&lt;/ControlLabel&gt;
                &lt;FormControl
                  componentClass="select"
                &gt;
                  &lt;option value=""&gt;Select a Position&lt;/option&gt;
                  {this.createPosItems()}
                &lt;/FormControl&gt;
              &lt;/FormGroup&gt;
              &lt;FormGroup controlId="Team"&gt;
                &lt;ControlLabel&gt;Team&lt;/ControlLabel&gt;
                &lt;FormControl
                  componentClass="select"
                &gt;
                  &lt;option value=""&gt;Select a Team&lt;/option&gt;
                  {this.createTeamItems()}
                &lt;/FormControl&gt;
              &lt;/FormGroup&gt;
              &lt;FormGroup&gt;
                &lt;Button
                  pullRight
                  type="submit"
                  className="btn btn-success"
                  disabled={this.props.saving}
                  onClick={this.props.onSave}
                &gt;Save&lt;/Button&gt;
  
                &lt;Button
                  pullRight
                  type="submit"
                  className="btn btn-danger pull-right"
                  // onClick={this.props.onDelete}
                &gt;Delete&lt;/Button&gt;
              &lt;/FormGroup&gt;
            &lt;/Form&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      );
    }
  }
  
  UserForm.propTypes = {
    user: React.PropTypes.object.isRequired,
    team: React.PropTypes.array.isRequired,
    position: React.PropTypes.array.isRequired,
    onSave: React.PropTypes.func.isRequired,
    onChange: React.PropTypes.func.isRequired,
    saving: React.PropTypes.bool
  };
  
  export default UserForm;
  </code></pre>
  
  <p>The forms is a child of another page. Every other field works, expect for the drop downs, the element shows up, but doesn't populate the drop down. Have tried using multiple people's examples, and still cannot get it to run. 
  Thanks in advance! </p>