Zugang Container Requisiten in mapDispatchToProps

Question

Ich habe folgende Schnittstellen:

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; 
} 

Und ich habe folgende mapDispatchToProps Funktion:

Im Rückruf für parseFile ist ownProps die in bestanden Requisiten mein Behälter. Ich brauche Zugriff auf die Requisiten der Container, die addRecords enthalten.

Wie kann ich Zugriff auf Container Requisiten in mapDispatchToProps bekommen?

Answer 1

Sie müssen wahrscheinlich mergeProps für diese Art einer Interaktion verwenden. Es hat Zugriff auf alle Requisiten für Ihren Container. Deine addRecords sind in deinem sendeprops enthalten, glaube ich, damit du von dort darauf zugreifen kannst.

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; 
} 

Aus der Dokumentation: [mergeProps(stateProps, dispatchProps, ownProps): props] (Funktion): Wenn angegeben, wird das Ergebnis der mapStateToProps() bestanden, mapDispatchToProps() und die Eltern Requisiten. Das einfache Objekt, das Sie zurückgeben, wird als Props an die umschlossene Komponente übergeben. Sie können diese Funktion angeben, um ein Stück des auf Requisiten basierenden Zustands auszuwählen oder um Aktions-Ersteller an eine bestimmte Variable aus Requisiten zu binden. Wenn Sie es weglassen, wird Object.assign({}, ownProps, stateProps, dispatchProps) standardmäßig verwendet.