Utilisation de l'extraction, comment gérer correctement le rejet

Question

J'ai la fonction suivante qui provient de la pile 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 
); 
} 

J'appelle la fonction de la manière suivante

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

La réponse sera soit un 201 ou un 422. Comment gérer la 422 la bonne façon? Un 422 se produirait si un nom d'utilisateur existe déjà.

Est-ce que je mets toute la logique dans la première puis, comme les suivantes:

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

    } else { 
    } 
}); 

Answer 1

En supposant callApi retourne un objet Promise:

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

Pour plus d'informations: https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Promise