reactive-native, Abschlussvariable bewirkt, dass die Aktion fehlschlägt

Question

Ich habe einen einfachen http-Aufruf mit einem Erfolgsrückruf. Wenn ich jedoch versuche, die ursprünglichen Parameter zurückzugeben, reagiere einen unbehandelten Verweigerungsverweigerungsfehler, wodurch mein Versand fehlschlägt :

export function deleteFriendRequest(userId) { 
    return dispatch => { 
    // dispatch(deleteFriendRequestSuccess({}, userId)) 
    request.del({dispatch, path: `/friends/${userId}`, body: {}, deleteFriendRequestSuccess, deleteFriendRequestFailure, initialData: userId}) 
    } 
} 

function deleteFriendRequestSuccess(payload, initialData) { 
    console.log('delete friend request success', payload, userId) // this works I get the correct user id 
    return { 
    type: FRIENDS_DELETE_FRIEND_REQUEST_SUCCESS, 
    payload: {sentId: initialData}, 
    } 
} 

function deleteFriendRequestFailure(error) { 
    return { 
    type: FRIENDS_DELETE_FRIEND_REQUEST_FAILURE, 
    error, 
    } 
} 

export function del({dispatch, path, body, success, failure, initialData}) { 
    const url = API_URL + path 
    const token = store.getState().auth.token 

    fetch(url, { 
    method: 'DELETE', 
    headers: { 
     'Content-Type': 'application/json', 
     'AccessToken': token && token.token ? token.token : null, 
     'deviceUID': DeviceInfo.getUniqueID(), 
    }, 
    body: JSON.stringify(body), 
    }) 
    .then(function (response) { 
     if (response.status < 200 || response.status > 299) { 
     throw ({errorMessage: 'Invalid response'}, response) 
     } else { 
     return response 
     } 
    }) 
    .then(response => response.json()) 
    .then(checkForResponseError) 
    .then(json => { 
     dispatch(success(json, initialData)) 
    }) 
    .catch(err => { 
     dispatch(failure(err)) 
    }) 
} 

Ursachen:

Possible Unhandled Promise Rejection (id: 0): 
failure is not a function 
TypeError: failure is not a function 
    at http://localhost:8081/index.ios.bundle?platform=ios&dev=true&minify=false&hot=true:84194:10 
    at tryCallOne (http://localhost:8081/index.ios.bundle?platform=ios&dev=true&minify=false&hot=true:29539:8) 
    at http://localhost:8081/index.ios.bundle?platform=ios&dev=true&minify=false&hot=true:29625:9 
    at JSTimersExecution.callbacks.(anonymous function) (http://localhost:8081/index.ios.bundle?platform=ios&dev=true&minify=false&hot=true:12854:13) 
    at Object.callTimer (http://localhost:8081/index.ios.bundle?platform=ios&dev=true&minify=false&hot=true:12686:1) 
    at Object.callImmediatesPass (http://localhost:8081/index.ios.bundle?platform=ios&dev=true&minify=false&hot=true:12744:19) 
    at Object.callImmediates (http://localhost:8081/index.ios.bundle?platform=ios&dev=true&minify=false&hot=true:12759:25) 
    at http://localhost:8081/index.ios.bundle?platform=ios&dev=true&minify=false&hot=true:11613:43 
    at guard (http://localhost:8081/index.ios.bundle?platform=ios&dev=true&minify=false&hot=true:11518:1) 
    at MessageQueue.__callImmediates (http://localhost:8081/index.ios.bundle?platform=ios&dev=true&minify=false&hot=true:11613:1) 

Jede Idee, wie diese zu lösen?

Answer 1

Sie übergeben ein Optionsobjekt, das Sie dann im Funktionskopf destrukturieren. Da Sie es unter einem anderen Namen übergeben, ist die failure var nicht zugewiesen, also wenn Sie die failure Funktion in der catch des Versprechens aufrufen, schlägt es fehl. Dies führt dazu, dass das Ergebnis des Aufrufs catch, der ebenfalls ein Versprechen ist, mit diesem Fehler fehlschlägt. Da Sie nichts mit dem Ergebnis des Aufrufs catch tun, erhalten Sie eine unbehandelte Versprechen Ablehnungsmitteilung.

Ihre success Funktion wird auch nicht korrekt übergeben, was wahrscheinlich dazu führt, dass catch auf dem ersten Platz erreicht wird.

Ihre Funktion sollte wie folgt aussehen:

export function deleteFriendRequest(userId) { 
    return dispatch => { 
    // dispatch(deleteFriendRequestSuccess({}, userId)) 
    request.del({ 
     dispatch, 
     path: `/friends/${userId}`, 
     body: {}, 
     success: deleteFriendRequestSuccess, 
     failure: deleteFriendRequestFailure, 
     initialData: userId 
    }) 
    } 
}