Javascript 在同一页面上创建多个redux表单,并使用同一按钮提交

Javascript 在同一页面上创建多个redux表单,并使用同一按钮提交,javascript,forms,reactjs,redux,redux-form,Javascript,Forms,Reactjs,Redux,Redux Form,我在模态内部使用redux表单,带有“验证”和“取消”按钮。 有3个不同的表单将在后端创建3个不同的实体。 我想创建并发送2/3独立的json 是否可以在同一页面中使用3个不同的表单,并使用相同的按钮验证/提交所有内容 感谢您的帮助。是的,您可以通过一个按钮提交3种不同的表单。您需要使用远程提交-请参阅。在您的情况下,您将发送3个要提交的表单名称 例如: function submitForms() { dispatch(submit('FirstOne')) dispatch(subm

我在模态内部使用redux表单,带有“验证”和“取消”按钮。 有3个不同的表单将在后端创建3个不同的实体。 我想创建并发送2/3独立的json

是否可以在同一页面中使用3个不同的表单,并使用相同的按钮验证/提交所有内容


感谢您的帮助。

是的,您可以通过一个按钮提交3种不同的表单。您需要使用远程提交-请参阅。在您的情况下,您将发送3个要提交的表单名称

例如:

function submitForms() {
  dispatch(submit('FirstOne'))
  dispatch(submit('secondOne'))
}

<Button type="button" onClick={ submitForms } />
函数submitForms(){
发送(提交(“第一个”)
发送(提交(“第二个”)
}
@Deividas

你是对的,它在工作!我的错误是我在第二个表单中添加了一个validate,所以只有第一个表单是真正创建的

这让我想到了验证

function submitForms() {
  dispatch(submit('FirstOne'))  // isn't validate
  dispatch(submit('secondOne')) // is validate
  dispatch(submit('thirdOne'))  // is validate
}

<Button type="button" onClick={ submitForms } />
函数submitForms(){
dispatch(submit('FirstOne')//未验证
分派(提交('secondOne')//已验证
分派(提交('thirdOne')//已验证
}
如您所见,如果第一个表单的验证不正常,那么如果第二个表单和第三个表单的验证正常,它将发送第二个表单和第三个表单

我所有的表格都是“连接”的,就像是要么全部提交,要么什么都不提交

是否可以在我的sumbit函数中访问'errors'值或值,并执行一些条件操作来处理此行为


无论如何,谢谢你的帮助:)

是的,谢谢。我试过了,但我不能发送多张表格。{dispatch(submit('FirstOne'))dispatch(submit('secondeOne')。}}/>。只有第一个是submit://@GreGGus我添加了一个示例-我假设这可能是因为您的评论中的拼写错误(不确定您是否复制了它)。您是否纠正了这一点?在执行下一个承诺之前,如何使用承诺链检查承诺的结果?