Question

我在Modal中使用redux-form和'Validate'＆amp; '取消'按钮。有3个不同的形式谁将在后端创建3个不同的实体。我想创建并发送2/3 independante json。

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

感谢您的帮助。

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 } />

正如您所看到的，如果firstOne验证不正常，如果他们自己的验证没问题，它将调度第二和第三个表单。

我的所有表单都是＆＃34;已连接＆＃34;，它就像所有提交或什么也没有。

是否可以访问错误＆＃39;我的sumbit函数里面的值或变量，并做一些条件事情来处理这种行为？

无论如何，谢谢你的帮助：）

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

2 个答案: