Redux-Form - 양식이 구성 요소로 구성된 상태에서 초기화하는 방법

Question

예, docs에 따라 상태에서 초기화 할 수 있습니다. 그러나 양식에 하위 구성 요소가있는 경우 어떻게합니까? 당신은 다른 곳에서이 컴포넌트들을 재사용하고 싶지만 그 하위 컴포넌트들에 대한 상태를 초기화하기위한 sytax는 무엇인가?

예를 들어 주소 구성 요소로 포함 된 클라이언트 구성 요소가있을 수 있습니다. 당신은 상태에서 초기화하고 클라이언트 상태는 주소 정보 (예 : 주소, 교외 및 우편 번호)를 갖습니다. 당신은에 따라 주소를 포함했다 :

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 않습니다 클라이언트에서

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

을 형성 당신은 얻을 당신의 클라이언트 필드를 채우는 데 다음 사용했다? 소품을 전달해야합니까?

Answer 1

아니요. initialValues에 전달중인 클라이언트 객체가 FormSection에 의해 생성 된 객체 계층 구조와 일치하는 한 필드가 채워 져야합니다. 이

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

과 같은

FormSection은 initialValues가

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