使用提取，如何正確處理拒絕

Question

我有以下函數來自mern.io堆棧。

export default function callApi(endpoint, method = 'get', body) { 
    return fetch(`${API_URL}/${endpoint}`, { 
    headers: { 'content-type': 'application/json' }, 
    method, 
    body: JSON.stringify(body), 
    }) 
    .then(response => response.json().then(json => ({ json, response }))) 
    .then(({ json, response }) => { 
    if (!response.ok) { 
     return Promise.reject(json); 
    } 
    return json; 
    }) 
    .then(
    response => response, 
    error => error 
); 
} 

我調用該函數如下方式

callApi('auth/register', 'post', { 
     username, 
     password, 
}).then(function(res) { 
    // do stuff 
}); 

的反應要麼是201或422如何處理422的正確方法？如果用戶名已經存在，則會發生422。

我是否把所有的邏輯在第一然後如下面的：

callApi('auth/register', 'post', { 
     username, 
     password, 
}).then(function(res) { 
    if (res.error) { 

    } else { 
    } 
}); 

Answer 1

假設callApi返回一個Promise對象：

callApi('auth/register', 'post', { 
     username, 
     password, 
}).then(function(res) { 
    // res 
}).catch(function(err) { 
    // handle err 
}); 

更多信息：https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Promise