Question

我有一个handleSubmit的表格。

<form 
   className="side-list-content add-payment" 
 onSubmit={handleSubmit ? handleSubmit : this.alertAddPayment(syncErrors)}

>
</form>

现在onSubmit我正在调用如下函数。

    render(){
    const handleSubmit = this.props
    return(
    <form 
       className="side-list-content add-payment" 
     onSubmit={handleSubmit ? handleSubmit : this.alertAddPayment(syncErrors)}      
    >
    </form>
  )
    }
    formVal(){
    if(condition){
        //validating fields
     }
    else{
        //Submit the form
      }
    }

现在我尝试这样

render(){
const handleSubmit = this.props
return(
<form 
   className="side-list-content add-payment" 
 onSubmit = { (e) => {
   e.preventDefault();
   e.stopPropagation();
   this.formVal()}}

>
</form>
)
}

在formVal()的其他部分，我尝试了

formVal(){
if(condition){
    //validating fields
 }
else{
    handleSubmit ? handleSubmit : this.alertAddPayment(syncErrors)//Submit the form
  }

但是它不起作用。如何使用formVal()函数提交表单？

Answer 1

首先，您似乎有一个错误，在这里您将所有道具分配给handleSubmit：

const handleSubmit = this.props

如果只想提取函数，则应为：

const { handleSubmit } = this.props;

相当于：

const handleSubmit = this.props.handleSubmit;

然后，reduxForm为您提供了道具中的submit功能，因此您可以执行以下操作：

this.props.submit();

在此处查看文档：{{3}}

使用函数提交Redux表单

1 个答案: