嵌套的redux-forms：结账表单中的凭证表单

Question

我正在尝试使用redux-form制作带有嵌套优惠券代码/优惠券子表单的结帐页面。

因此，结帐表单将包含例如国家/地区选择，在此表单中，我想添加子表单以应用凭证。

用户需要能够在主结帐表单中单独申请凭证才能查看可能的折扣。

提交一般结账表格时，如果未应用优惠券，还必须验证优惠券。

实施此操作的最佳方法是什么？

我明白我不能简单地嵌套reduxForms。我不想创建2个单独的表单，因为我想在凭证字段下方显示可能的验证并提交一般结帐表单的错误 我可以使用asyncValidation作为凭证字段，但我想用应用按钮而不是字段模糊来触发它。

Answer 1

最后，我使用asyncValidation实现了这一点。要触发此操作，请不要在离开凭证字段时，而是在单击“应用”按钮时使用文本字段和按钮创建自定义“字段”组件。除了onBlur函数之外，textfield获取整个输入，按钮的click处理程序调用input.onBlur。 因为它是一个字段，我还可以在适当的时候轻松使用元信息来禁用按钮。

感觉非常黑客，所以欢迎更好的解决方案。