title: Manually lose focus from TextField select component, Material UI & React
body: <p>I have a select input which I create by using <a href="https://material-ui.com/api/text-field/" rel="noreferrer">TextField</a> component from Material-UI lib. I need to manually lose focus after some option been selected. I tried to use a reference to the TextField using 'inputRef' prop, which works great but when I try to fire blur() function on this.selectInput.current like I did here but without MaterialUI lib.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="true">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>class Select extends React.Component {
    constructor(props) {
      super(props)
      this.state = {
       selected: ''
      }
      
      this.inputRef = React.createRef();
      this.onChangeHandler = this.onChangeHandler.bind(this)
    }
    
    onChangeHandler(e){
    
   this.inputRef.current.blur()
  
     this.setState({
       selected: e.target.value
      })
    }
    
    render() {
     const {selected} = this.state;
    
      return (
        &lt;select value={selected}
            onChange={this.onChangeHandler}
            ref={this.inputRef}&gt;
          &lt;option value=''&gt;Please select&lt;/option&gt;
          &lt;option value='1'&gt;One&lt;/option&gt;
          &lt;option value='2'&gt;Two&lt;/option&gt;
        &lt;/select&gt;
      )
    }
  }
  
  ReactDOM.render(&lt;Select /&gt;, document.querySelector("#app"))</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"&gt;&lt;/script&gt;
  &lt;script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"&gt;&lt;/script&gt;
  
  &lt;div id="app"&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I got an error that blur() function does not exist. I understand that Material UI used custom el. to create UI and I target just a div or whatever. So the question is it another way to get the exact behavior (lose focus on the select event) when using TextField component or maybe I did something wrong?</p>
  
  <p>Material UI v1.3.1 | React v16.4.2</p>