首页 > 解决方案 > 使用单个提交处理程序响应多个表单

问题描述

我有一个用于表单提交的通用事件处理程序

handleSubmit = (e) => {
    e.preventDefault();
    const errors = this.validate();
    this.setState({ errors: errors || {} });
    if (errors) return;
    this.doSubmit();
  };

它将处理验证并调用另一个函数 doSubmit(); 如果我有 3 种不同的表格,所有表格都会调用 doSumbit();

如何根据相关表单进行不同的提交调用......以及如何处理相关的表单字段验证......

标签: javascriptreactjstypescriptreact-redux

解决方案


据我了解。你必须给每个表格一个id。然后你可以使用它。

if(e.target.id==='formid1'){
      console.log('formid1');
}
else if(....

推荐阅读