title: How to set a value to a material ui select field?
body: <p>I am using material UI Select for year field. I would like to set a default year based on the value in the state. I am populating years based on a year array.</p>
  
  <p>Following is the method which is used to create the year array I call this method in component did mount:-</p>
  
  <pre><code>updateYear = () =&gt; {
      var start = 1950;
      var end = new Date().getFullYear() - 20;
      var yearValue = [];
      for (var year = start; year &lt;= end; year++) {
          yearValue.push({ key: year, text: year, value: year });
      }
      console.log("yearValue", yearValue);
      this.setState({ yearValue: yearValue });
  };
  </code></pre>
  
  <p>This is the code for my material UI select:-</p>
  
  <pre><code>&lt;Select
      value={this.state.year}
      onChange={this.handleChange_year}
      inputProps={{
          name: "year",
          id: "year"
      }}
  &gt;
  {this.state.yearValue &amp;&amp;
      this.state.yearValue.map(year =&gt; {
      return &lt;MenuItem value={year.value}&gt;{year.value}&lt;/MenuItem&gt;;
  })}
  &lt;/Select&gt;
  </code></pre>
  
  <p>Any help or suggestion is appreciated. Thank you.</p>