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

si2*_*030 5 reactjs redux redux-form

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

完成后,我有一个客户端表单,其中嵌入了一个地址组件,如下所示:

      <FormSection name="Address">
           <Address />
      </FormSection>
Run Code Online (Sandbox Code Playgroud)

有用。

但是,当我想根据 redux 表单文档中的示例从 state 设置主表单的初始值时,主表单会填充,但 FormSection 中的 Address 组件不会。

我在客户端组件底部使用此代码连接到状态:

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

你如何用来自主窗体的状态的初始值填充你的 FormSections?

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

vas*_*dee 1

老问题了,但我也遇到了同样的问题。您是否尝试将您的初始值数据塑造成这种形式?

{
 field1: 'a default value', 
 field2: 'somevalue2',
 Address: { formSectionFieldName1: 'test value', } 
}
Run Code Online (Sandbox Code Playgroud)

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