title: React-Bootstrap FormControl select not getting the value displayed
body: <pre><code>import { Form } from 'react-bootstrap'
  
  const nameArray = [
      {
          "id": 52655,
          "firstName": "raj",
          "lastName": "",
          "primaryAddress": "sad"
      },
      {
          "id": 52656,
          "firstName": "SubbaRaju",
          "lastName": "ch",
          "primaryAddress": "kphb"
      },
      {
          "id": 52667,
          "firstName": "Ravi",
          "lastName": "Varma",
          "primaryAddress": "Hyderabad"
      }
  ]
  
  export default class File extends Component {
      constructor(props) {
          super(props);
          this.state = {
              object: {
                  name: "",id:0
              }
          }
      }
  
      nameChange = (value) =&gt; {
          console.log(value)
          for(let i=0 ; i &lt; nameArray.length; i++){
              if(value = nameArray[i].id){
                  this.state.object.name = nameArray[i].firstName
                  this.state.object.id = nameArray[i].id
              }
          }
          this.setState({object:this.state.object})
      }
  
      render() {
          return (
              &lt;div&gt;
                  &lt;Form&gt;
                      &lt;Form.Group&gt;
                          &lt;Form.Label className="Font"&gt;Name&lt;/Form.Label&gt;
                          &lt;Form.Control
                              value={(this.state.object.name) ? this.state.object.name : -1}
                              onChange={(e) =&gt; this.nameChange(e.target.value)}
                              className="Inputstyle"
                              as="select"
                          &gt;
                              &lt;option disabled value={-1} key={-1}&gt;select&lt;/option&gt;
                              {nameArray.map(list =&gt;
                                  &lt;option key={list.id} value={list.id}&gt;{list.firstName}&lt;/option&gt;)}
                          &lt;/Form.Control&gt;
                      &lt;/Form.Group&gt;
                  &lt;/Form&gt;
              &lt;/div&gt;
          )
      }
  }
  </code></pre>
  
  <ol>
  <li>The value is getting saved in the state but the name value is not displayed in the select form.</li>
  <li>If I try changing the value of the option to "list.firstname".I am getting the value displayed but the onchange function gives me the name instead of id. I need the id to get the exact record selected.</li>
  </ol>