相关疑难解决方法(0)

如何在react的材料-ui中获取密码字段值

我无法访问的值<TextField />,如果我不写,<input type='password'/>那么它工作正常,但为此我得到一个TypeError,' this.refs [this._getRef(...)].getInputNode不是一个函数 ".

 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 (
  <div className="ProductRepository">

    <Dialog ref = 'dialog'
      title="Dialog With Standard Actions"
      actions={standardActions}
      actionFocus="submit"
      modal={true}>
      <TextField ref='password'
        hintText="Password"
        floatingLabelText="Password">
        <input type="password" />
      </TextField>
    </Dialog>
    </div> 
    );}

   }
Run Code Online (Sandbox Code Playgroud)

下图是上述代码的控制台输出.

控制台输出

javascript material reactjs

6
推荐指数
2
解决办法
1万
查看次数

标签 统计

javascript ×1

material ×1

reactjs ×1