How to get password field value in react's material-ui

For material 1.0 and react 16.1.1

Use inputRef

  <TextField autoFocus={true} inputRef={el => this.fv = el} 
        placeholder="Required" size="30"></TextField >

To read the value use below line

console.log(this.fv.value);

This solved my issue:

<TextField ref='password'
    hintText="Password"
    floatingLabelText="Password"
    type="password">
</TextField>

After that

 this.refs.password.getValue()

gives the desired output.

For React v >= 15.6

<TextField ref={x => this.password = x}
    hintText="Password"
    floatingLabelText="Password"
    type="password">
</TextField>

in inputHandler function

this.password.value

Related