访问父级中的formsection子级表单值（redux-form）答案

【问题标题】：accessing formsection children form values in parent (redux-form)访问父级中的formsection子级表单值（redux-form）
【发布时间】：2019-01-27 02:50:13
【问题描述】：

ParentForm.js

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

在 ParentForm 中提交表单时，它应该从 ChildForm 组件中获取值，这工作正常。

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

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

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

我必须用 reduxForm 包装子组件，因为表单需要调度“更改”功能并需要访问 formvalueSelector

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

有什么帮助吗？

【问题讨论】：

我很困惑；由于父级使用 FormSection（来自 redux-form），这是否意味着父级也由 redux-form 管理？
是的，parent也被reduxForm()包裹了

标签： redux-form

【解决方案1】：

子表单应与父表单同名（在您的示例中为“foo”）。因此，要使子表单名称动态化，请将 formname 属性传递给您的子组件，并使用 mapstatetoprops ownprops 来使用它。

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

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

【讨论】：