title: How to set or clear value of material-ui Input in ReactJS
body: <p>I am unable to clear the value of a material-ui Input using refs, not state.</p>
  
  <p>I've tried both types of refs that I know about: 
  ref={this.input}
   - and -
  ref={el => (this.input = el)}</p>
  
  <p>but neither seems to work w/ a material-ui Input</p>
  
  <p>the following similar questions did not help:
  <a href="https://stackoverflow.com/questions/52571256/how-to-get-input-value-of-textfield-from-material-ui">How to get input value of TextField from Material UI?</a>
  <a href="https://stackoverflow.com/questions/43922508/clear-and-reset-form-input-fields">Clear and reset form input fields</a>
  <a href="https://stackoverflow.com/questions/38731271/clear-an-input-field-with-reactjs">Clear an input field with Reactjs?</a>
  <a href="https://stackoverflow.com/questions/56851242/how-to-set-input-value-in-formfield-reactjs">how to set Input value in formField ReactJs</a></p>
  
  <p>Here's a snippet of my React JSX for the input &amp; button:</p>
  
  <pre><code>    &lt;Input
        type="text"
        id="name"
        inputComponent="input"
        ref={el =&gt; (this.name = el)}
      /&gt;
      &lt;Button
        variant="contained"
        onClick={this.handleClear}
        className="materialBtn"
      &gt;
        Clear
      &lt;/Button&gt;
  </code></pre>
  
  <p>And the event handler that I expect should clear the input value:</p>
  
  <pre><code>    handleClear() {
        this.name.value = "";
      }
  </code></pre>
  
  <p>I can make the code work fine using a standard HTML5 input, but <em>not</em> with a material-ui input, which is a requirement of this project. Additionally, this element's value is NOT in react state and I am not looking for a solution that requires using state -- I need to keep this piece as an uncontrolled component.</p>
  
  <p>What am I missing w/ regard to material-ui? I have combed their docs/api but haven't found anything that suggests it needs to be handled differently from a standard input. thanks</p>
  
  <p>Here's an example on CodeSandbox showing the failure w/ a material-ui input and success w/ an HTML5 input:
  <a href="https://codesandbox.io/s/fancy-frost-joe03" rel="nofollow noreferrer">https://codesandbox.io/s/fancy-frost-joe03</a></p>