Javascript (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

我试图在React中使用ref引用输入字段,但收到错误:“uncaughttypeerror:无法读取未定义的属性‘this’”。然而,ref是定义的。React在我的代码中找不到ref有什么原因吗

    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 = '';