Redux-Form - フォームがコンポーネントで構成されている状態から初期化する方法

Question

はい、docsのように状態から初期化できますが、フォームにサブコンポーネントがある場合はどうしますか？これらのコンポーネントを他の場所で再利用したいのですが、これらのサブコンポーネントの状態から初期化するためのsytaxは何ですか？

たとえば、アドレスコンポーネントとして埋め込まれたクライアントコンポーネントがあるとします。あなたは状態から初期化したいと思うし、クライアントの状態は住所、郊外、および郵便番号などのアドレス情報を持っています。

あなたのクライアントのフィールドを取得し、移入するために、以下を使用しているクライアントのフォームで

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

：あなたは通りのアドレスが含まれている

let ClientForm = reduxForm({ 
    form: CLIENT_FORM_NAME 
    })(Client); 

    let ClientForm2 = connect(
    (state, ownProps) => ({ 
     initialValues: state.editClient, // pull initial values from client reducer 
     enableReinitialize: true 
    }), 
    { reducer } // bind client loading action creator 
)(ClientForm); 

を使用すると、住所コンポーネントのフィールドをpoplulateはどうすればよいですか？あなたは小道具を渡す必要がありますか？

Answer 1

いいえ、initialValuesに渡すクライアントオブジェクトがFormSectionで作成されたオブジェクト階層と一致する限り、フィールドに値が入力されます。この

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

のように見えます

A FormSectionは、あなたのinitialValuesがそれ

{ 
    address: { 
     streetName: undefined, 
     number: "123", 
     zipCode: "9090" 
    } 
}