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

时间:2017-08-31 23:24:26

标签: reactjs redux redux-form

我已经关注了redux-form文档的this建议,其中表明使用" FormSection"来构建包含许多组件的主窗体是有利的。

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

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

有效。

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

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

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

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

没有关于如何使用初始数据填充formsections的信息......

1 个答案:

答案 0 :(得分:0)

旧的问题,但我遇到了同样的问题。您是否尝试将initialValues数据整形为此表单?

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

在这种情况下,FormSection.name应该是嵌套对象。不是类似的字符串,&#39; address.formSectionFieldName2&#39;:&#39;测试值&#39;