2017-08-31 9 views
4

「FormSection」を使用して多くのコンポーネントで構成されたメインフォームを作成することが有利であることを示しているのは、redux-formドキュメントのthisアドバイスに続きます。Reduxフォーム - FormSectionコンポーネントの初期値を設定する方法

が、私は次のように埋め込まれた住所コンポーネントとクライアントのフォームを持っていることを終われ:

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

それは動作します。

しかし、私がメインフォームの初期値をthisの状態からstateに設定したい場合は、メインフォームが作成されますが、FormSectionのAddressコンポーネントは作成されません。

私は状態に接続するためのクライアント・コンポーネントの一番下にこのコードを使用:

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

関連する問題