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

Question

我在带有“验证”和“取消”按钮的 Modal 中使用 redux-form。有 3 个不同的表单将在后端创建 3 个不同的实体。我想创建和发送 2/3 的独立 json。

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

感谢您的帮助。

Answer 1

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

例子:

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

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