title: How to get password field value in react's material-ui
body: <p>I am not able to access the value of <code>&lt;TextField /&gt;</code>, if i don't write <code>&lt;input type='password'/&gt;</code> then it works fine, but for this i am getting a TypeError,  '<strong>this.refs[this._getRef(...)].getInputNode is not a function</strong>'.</p>
  <pre><code> dialogAction(tag,e){
  
    console.log(this.refs.password);
    console.log(this.refs.password.getValue());
    this.refs.dialog.dismiss();
  }
  
  render(){
  let self = this;
  
  let row = this.row,col = this.column;
  let standardActions = [
    { text: 'Cancel',onTouchTap: this.dialogAction.bind(this,ProductConstants.CANCEL)},
    { text: 'Submit',onTouchTap: this.dialogAction.bind(this,ProductConstants.SUBMIT)}
  ];
  
  return (
    &lt;div className=&quot;ProductRepository&quot;&gt;
  
      &lt;Dialog ref = 'dialog'
        title=&quot;Dialog With Standard Actions&quot;
        actions={standardActions}
        actionFocus=&quot;submit&quot;
        modal={true}&gt;
        &lt;TextField ref='password'
          hintText=&quot;Password&quot;
          floatingLabelText=&quot;Password&quot;&gt;
          &lt;input type=&quot;password&quot; /&gt;
        &lt;/TextField&gt;
      &lt;/Dialog&gt;
      &lt;/div&gt; 
      );}
  
     }
  </code></pre>
  <p>image below is the console output of the above code.</p>
  <p><img src="https://i.stack.imgur.com/Ld2Cr.png" alt="console output" /></p>