在父级（redux格式）中访问formsection子级表单值

Question

ParentForm.js

<FormSection name="ChildRequestForm">
   <ChildForm />
</FormSection>

在ParentForm中提交表单时，它应该从ChildForm组件获取值，效果很好。

但是一旦ChildForm组件连接了reduxForm 例如：

ChildForm = reduxForm({
    form: 'ChildRequestForm'
})(ChildForm);

然后，父表单将不再能够在提交时检索子表单的值。

我不得不用reduxForm包装子组件，因为表单需要分派'change'函数并需要访问formvalueSelector

沙盒链接 https://codesandbox.io/s/jj1mk114n5

有什么帮助吗？

Answer 1

子表单应与父表单具有相同的名称（在您的示例中为“ foo”）。因此，要使子表单名称具有动态性，请将一个表单名称prop传递给您的子组件，并通过mapstatetoprops ownprops使用它。

通过这种方式，您可以在需要时重用带有父表单名的子组件。

指dis How do you pass in a dynamic form name in redux form?