Javascript (React)未捕获类型错误:无法读取属性';这';使用REF时未定义的值
我试图在React中使用ref引用输入字段,但收到错误:“uncaughttypeerror:无法读取未定义的属性‘this’”。然而,ref是定义的。React在我的代码中找不到ref有什么原因吗Javascript (React)未捕获类型错误:无法读取属性';这';使用REF时未定义的值,javascript,reactjs,Javascript,Reactjs,我试图在React中使用ref引用输入字段,但收到错误:“uncaughttypeerror:无法读取未定义的属性‘this’”。然而,ref是定义的。React在我的代码中找不到ref有什么原因吗 export default class ContractorSignUp extends Component { constructor(props) { super(props); this.handleSubmit = this.handleSubmit.bi
export default class ContractorSignUp extends Component {
constructor(props) {
super(props);
this.handleSubmit = this.handleSubmit.bind(this);
}
handleSubmit(event) {
event.preventDefault();
// Find the text field via the React ref
const user = ReactDOM.this.refs.emailInput.value.trim();
// Clear form
ReactDOM.this.refs.emailInput.value = '';
}
render() {
return (
<form onSubmit={this.handleSubmit.bind(this)}>
<input className="textinput" type="e-mail" placeholder="E-mail" ref="emailInput">
</input>
<button id="formsubmitbutton" onClick={this.handleSubmit.bind(this)}><span>Submit</span></button>
</form>
)
}
};
导出默认类ContractorSignUp扩展组件{
建造师(道具){
超级(道具);
this.handleSubmit=this.handleSubmit.bind(this);
}
handleSubmit(事件){
event.preventDefault();
//通过React ref查找文本字段
const user=ReactDOM.this.refs.emailInput.value.trim();
//清晰的形式
ReactDOM.this.refs.emailInput.value='';
}
render(){
返回(
提交
)
}
};
只需删除ReactDOM
部分:
// Find the text field via the React ref
const user = this.refs.emailInput.value.trim();
// Clear form
this.refs.emailInput.value = '';