2017-08-31 90 views
4

我已经遵循this关于redux-form文档的建议,它指出它有利于使用“FormSection”使许多组件构成主表单。Redux表单 - 如何在FormSection组件中填充初始值

做完,我有嵌入地址组件的客户端形式如下:

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

它的工作原理。

但是,当我想要根据this设置主窗体的初始值时,主表单文档中会填充主窗体,但FormSection中的地址组件不会。

我用这个代码在客户端组件的底部连接状态:

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

你如何填充你的状态来自主要形式的初始值FormSections?

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

+0

肯定有人必须对此有一个想法。 React应该是关于可重用组件的。那么在设置初始值时,子组件如何也使用与父组件相同的状态? – si2030

回答

0

Old'ish的问题,但我有同样的问题。你有没有尝试将你的initialValues数据变成这种形式?

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

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

+0

这不适合我 – user1120808