React本机寄存器形式与后端mongodb和节点xpress

Posted 2021-04-04

我在下面的代码中注册了本地反应：

handleSubmit = () =>{
    event.preventDefault(event);
    //  console.log(this.state)
    let _this = this
    axios.post('http://localhost:8000/api/register', this.state.data)
    .then( res => {
        console.log('res', res);
        if(res.data.errors){
            let mainErrors = res.data.errors;
            let err_msg = {
                email: mainErrors.email ? mainErrors.email.msg : '',
                password: mainErrors.password ? mainErrors.password.msg : '',
            };
            _this.setState({
                error: err_msg,
                success: ''
            })
        }else{
            _this.setState({
                data:{
                    email:'',
                    password:'',
                },
                error:{
                    email:'',
                    password:'',
                },
                success:'Thank you for registering'
            })
        }
    }).catch(error => { console.log(error)})
}

我的问题是它在运行时因为这一行而给我一个错误：event.preventDefault(event);

答案

您可以将事件作为参数传递：

handleSubmit=(event)=>{
  ...
}