使用axios在React中進行兩個API調用

Question

我正在制作一個應用程序，可以從一個API發送和接收數據。 一旦獲得此數據，我想再次調用另一個API，將該數據發送到第二個API，並從第二個API接收數據。

export const uploadImage = (data) => (dispatch) => {
    dispatch({ type: UPLOAD_IMAGE });
    axios({
        method: 'post',
        url: 'http://3.14.136.182:80/predict',
        data: data,
        "mimeType": "multipart/form-data",
        headers: {
            'content-type': 'multipart/form-data'
        },
        timeout: 20000
    })
    .then((response) => {
        dispatch({ type: UPLOAD_IMAGE_SUCCESS, payload: response.data });
        data = response.data;
        axios({
            method: 'post',
            url: '3.14.136.182:8005/finalResult',
            data: data,
            "mimeType": "multipart/form-data",
            headers: {
                'content-type': 'multipart/form-data'
            },
            timeout: 20000
        })
        .then((response) => {
            dispatch({ type: UPLOAD_IMAGE_SUCCESS, payload: response.data});
            console.log("Mehmood",response.data);
        })
        .catch((error) => {
            dispatch({ type: UPLOAD_IMAGE_FAILURE });
        })
    })
    .catch((error) => {
        dispatch({ type: UPLOAD_IMAGE_FAILURE });
    })


}

Answer 1

您首先在一個return語句中失蹤，然后才被阻止。 （在axios之前）。 另外，您要調度兩次成功。