title: Set a placeholder value to Select component Material UI v1.0.0-beta.24
body: <p>I'm using in a test project the v1.0.0-beta.24 from Material UI, the "Dropdown" menus work different from the previous version so what I want to do is to set like a placeholer in the Select component.</p>
  
  <p>In my example with a previous versión I had this:</p>
  
  <pre><code>&lt;DropDownMenu
    value={this.state.DivisionState}
    onChange={this.handleChangeDivision}&gt;
    &lt;MenuItem value={''} primaryText={'Select division'} /&gt;
    {this.renderDivisionOptions()}
  &lt;/DropDownMenu&gt;
  </code></pre>
  
  <p>So in the new version the primaryText property is not supported, this is my code:</p>
  
  <pre><code>import React from 'react';
  import Select from 'material-ui/Select';
  import {MenuItem, MenuIcon} from 'material-ui/Menu';
  import {DatePicker} from 'material-ui-pickers';
  import { FormControl } from 'material-ui/Form';
  import { InputLabel } from 'material-ui/Input';
  
  
  import cr from '../styles/general.css';
  
  export default class Example extends React.Component {
    constructor(props) {
      super(props);
      this.state = {
  
        DivisionData: [],
        DivisionState: '',
  
      };
      this.renderDivisionOptions = this.renderDivisionOptions.bind(this);
      this.handleChangeDivision = this.handleChangeDivision.bind(this);
  
    }
    componentDidMount() {
      const divisionWS = 'http://localhost:8080/services/Divisions/getAll';
  
      fetch(divisionWS)
        .then(Response =&gt; Response.json())
        .then(findResponse =&gt; {
          console.log(findResponse);
  
          this.setState({
            DivisionData: findResponse.divisions,
          });
        });
  
    }
    handleChangeDivision(event, index, value) {
      this.setState({ DivisionState: event.target.value});
  
    }
    renderDivisionOptions() {
      return this.state.DivisionData.map((dt, i) =&gt; {
        return (
          &lt;MenuItem
            key={i}
            value={dt.divDeptShrtDesc}&gt;
            {dt.divDeptShrtDesc}
  
          &lt;/MenuItem&gt;
        );
      });
    }
    render() {
      return (
  
        &lt;div className={cr.container}&gt;
          &lt;div className={cr.containerOfContainers}&gt;
            &lt;div className={cr.inputContainer}&gt;
              &lt;div className={cr.rows}&gt;
                &lt;div&gt;
                  &lt;div&gt;
                    &lt;FormControl&gt;
                      &lt;InputLabel htmlFor="name-multiple"&gt;Division&lt;/InputLabel&gt;
                        &lt;Select
                          value={this.state.DivisionState}
                          onChange={this.handleChangeDivision}
                          autoWidth={false}
                        &gt;
                          {this.renderDivisionOptions()}
                        &lt;/Select&gt;
                    &lt;/FormControl&gt;
                  &lt;/div&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
      );
    }
  }
  </code></pre>
  
  <p>So any help on this would be nice.</p>
  
  <p>Regards.</p>