2017-08-31 57 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