[英]How to get password field value in react's material-ui
I am not able to access the value of <TextField />
, if i don't write <input type='password'/>
then it works fine, but for this i am getting a TypeError, ' this.refs[this._getRef(...)].getInputNode is not a function '.我无法访问
<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>
);}
}
image below is the console output of the above code.下图是上述代码的控制台输出。
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
对于 React v >= 15.6
<TextField ref={x => this.password = x}
hintText="Password"
floatingLabelText="Password"
type="password">
</TextField>
in inputHandler function在 inputHandler 函数中
this.password.value
For material 1.0 and react 16.1.1对于材料 1.0 和反应 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);
Assign ref="password"
to the input itself instead of the TextField
.将
ref="password"
分配给输入本身而不是TextField
。 Currently you are executing getValue()
on some abstract (probably some container) tag ( TextField
), not on the input
itself.当前,您正在某个抽象(可能是某个容器)标签(
TextField
)上执行getValue()
),而不是在input
本身上执行。
您可以像这样获取输入值:
this.refs.password.input.value;
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.