title: Give default value to Select Field in React js
body: <p>I am having the following Select Field : </p>
  
  <pre><code>    &lt;SelectField
        id={quesId}
        required
        menuItems={opts}
        style={style.selectionStyle}
        className="md-cell"
        defaultValue = {value}
      /&gt;
  </code></pre>
  
  <p>Here, opts is an array of objects:</p>
  
  <pre><code>    opts = [{id: "1", value: "1", label: "DL"},
              {id: "2", value: "2", label: "UP"},
              {id: "3", value: "3", label: "PB"},
              {id: "4", value: "4", label: "MH"},
              {id: "5", value: "5", label: "WB"},
              {id: "6", value: "6", label: "KN"},
              {id: "7", value: "7", label: "GJ"},
              {id: "8", value: "8", label: "RJ"},
              {id: "9", value: "9", label: "BR"},
              {id: "10", value: "10", label: "TN"},
              {id: "11", value: "11", label: "AP"},
              {id: "12", value: "12", label: "TN"}]
  </code></pre>
  
  <p>What I want to do is set the default value of my select field as "AP" for which i am passing value which is</p>
  
  <pre><code>    value = {id: "11", value: "11", label: "AP"}
  </code></pre>
  
  <p>The problem here is that The default value of select field is not set. Not getting what to do. Thanks in advance</p>