在同一页面上创建多个 redux-form 并使用相同的按钮提交

Question

我在带有 'Validate' 和 'Cancel' 按钮的 Modal 中使用 redux-form。有 3 个不同的表单将在后端创建 3 个不同的实体。我想创建和发送 2/3 独立 json.

是否可以在同一个页面中使用 3 个不同的表单，并且 validate/submit 所有内容都使用相同的按钮？

感谢您的帮助。

Answer 1

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

示例：

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

<Button type="button" onClick={ submitForms } />

Answer 2

@Deividas,

你是对的，它起作用了！我的错误是我在第二个表单中添加了验证，所以只有第一个真正创建了。

这让我考虑验证...

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

<Button type="button" onClick={ submitForms } />

如您所见，如果第一个验证不正确，如果它们自己的验证正确，它将调度第二个和第三个表单。

我所有的表单都是"connected"，就像All submit or nothing。

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

无论如何，感谢您的帮助:)

在同一页面上创建多个 redux-form 并使用相同的按钮提交

Create multiple redux-form on same page and submit with same button

javascript

forms

reactjs

redux

redux-form