react-native，關閉變量導致動作失敗

Question

我有一個簡單的http調用成功回調，但是當我嘗試返回原始參數時，反應返回未處理的promise拒絕錯誤，導致我的調度失敗：

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

原因：

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) 

如何解決這個任何想法？

Answer 1

您傳遞一個選項對象，然後在函數標題中對其進行解構。由於您以不同的名稱傳遞它，所以當您調用承諾的catch中的failure函數時，將不會分配failure var，因此它會失敗。這使catch調用的結果（也是承諾）失敗並出現該錯誤。由於您對catch呼叫的結果無能爲力，您將收到未處理的承諾拒絕通知。

您的success函數未正確傳遞，這可能是導致首先到達catch的原因。

你的功能應該是這樣的：

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