Redux 表单 - 如何在 FormSection 组件中填充初始值答案

【问题标题】：Redux form - How to populate initial values in FormSection componentsRedux 表单 - 如何在 FormSection 组件中填充初始值
【发布时间】：2017-08-31 23:24:25
【问题描述】：

我遵循了 redux-form 文档中的 this 建议，其中表明使用“FormSection”使主表单由许多组件组成是有利的。

完成后，我有一个嵌入了地址组件的客户端表单，如下所示：

      <FormSection name="Address">
           <Address />
      </FormSection>

有效。

但是，当我想根据 redux 表单文档中的 this 示例从状态设置主表单的初始值时，主表单会填充，但 FormSection 中的地址组件不会。

我在客户端组件底部使用了这段代码来连接状态：

  let ClientForm2 = connect(
    (state, ownProps) => ({
      initialValues: state.editClient, 
      enableReinitialize: true
    }),
        { reducer }
  )(ClientForm);

如何使用来自主表单的状态的初始值填充 FormSection？

没有关于如何用初始数据填充表单部分的信息...

【问题讨论】：

肯定有人对此有所了解。 React 应该是关于可重用组件的。那么子组件如何在设置初始值时也使用与父组件相同的状态呢？

标签： reactjs redux redux-form

【解决方案1】：

老问题，但我遇到了同样的问题。您是否尝试将您的 initialValues 数据塑造成这种形式？

{
 field1: 'a default value', 
 field2: 'somevalue2',
 Address: { formSectionFieldName1: 'test value', } 
}

在这种情况下，FormSection.name 应该是一个嵌套对象。不是字符串，例如 'address.formSectionFieldName2': 'test value'

【讨论】：