액세스 용기 소품

Question

나는 다음과 같은 인터페이스가 있습니다

interface EditUserContainerProps 
    extends RouteComponentProps<EditUserParams>, 
    EditUserStateProps, 
    EditUserDispatchProps { } 

interface EditUserParams { 
    id: number; 
    history: any; 
} 

interface EditUserStateProps { 
    isLoading: boolean; 
    isSubmitting: boolean; 
    userFields: UserField[]; 
    User: User; 
} 

interface EditUserDispatchProps { 
    load: (id: number) => void; 
    updateUser: (User: User) => any; 
    parseFile: (file: File, replace: boolean) => any; 
    addRecords: (records: any[]) => any; 
} 

그리고 나는 mapDispatchToProps 기능은 다음과 같습니다, ownProps는에 을 통과 소품 parseFile에 대한 콜백에서

입니다 내 컨테이너. 나는 소품addRecords을 포함하는 컨테이너의 에 액세스해야합니다.

어떻게 mapDispatchToProps 컨테이너 소품에 액세스 할 수 있습니다?

Answer 1

당신은 아마 상호 작용이 유형의 mergeProps를 사용해야합니다. 그것은 당신의 컨테이너에 대한 모든 소품에 액세스 할 수 있습니다. addRecords가 dispatchProps에 있습니다. 그래서 거기에서 액세스 할 수 있습니다. 문서에서

const mergeProps = (stateProps, dispatchProps, ownProps) => { 
    const props = Object.assign({}, ownProps, stateProps, dispatchProps) 
    props.parseFile = (file: File, replace: boolean) => { 
     return fileParsingsApiActions 
     .parseFile(file)(dispatch) 
     .then((data: any) => { 
      dispatchProps.addRecords(data.data); 
     }) 
    } 

    return props; 
} 

: [mergeProps(stateProps, dispatchProps, ownProps): props] (기능) : 지정된 경우, mapStateToProps(), mapDispatchToProps(), 부모 소품의 결과를 전달됩니다. 사용자가 반환 한 일반 객체는 줄 바꿈 된 구성 요소에 소품으로 전달됩니다. 이 함수를 지정하여 소품을 기반으로 한 상태 조각을 선택하거나 작업 작성자를 소품의 특정 변수에 바인딩 할 수 있습니다. 이를 생략하면 기본적으로 Object.assign({}, ownProps, stateProps, dispatchProps)이 사용됩니다.