[英]How to get password field value in react's material-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>
);}
}
下图是上述代码的控制台输出。
这解决了我的问题:
<TextField ref='password'
hintText="Password"
floatingLabelText="Password"
type="password">
</TextField>
在那之后
this.refs.password.getValue()
给出所需的输出。
对于 React v >= 15.6
<TextField ref={x => this.password = x}
hintText="Password"
floatingLabelText="Password"
type="password">
</TextField>
在 inputHandler 函数中
this.password.value
对于材料 1.0 和反应 16.1.1
使用输入引用
<TextField autoFocus={true} inputRef={el => this.fv = el}
placeholder="Required" size="30"></TextField >
要读取下面的值使用
console.log(this.fv.value);
将ref="password"
分配给输入本身而不是TextField
。 当前,您正在某个抽象(可能是某个容器)标签( TextField
)上执行getValue()
),而不是在input
本身上执行。
这是它的完成方式。
您可以像这样获取输入值:
this.refs.password.input.value;
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.