Как я могу получить значение ошибки внутри объекта Promise, который возвращается из Fetch Api?

Question

У меня есть запрос на выборку.

fetch(deafaultUrl + '/v1/users/', 
     { 
      headers: { 
       'Content-Type': 'application/json' 
      }, 
      method: "POST", 
      body: JSON.stringify(userInfoParams) 
     }) 
     .then(function(response) { 
      console.log(response); 
      console.log(response.json()); 

      // not working never go into this function 
      response.json().then(function(value) { 
       console.log('access promise'); 
       console.log(value); // "Success" 
      }); 

      if (response.status !== 200 && response.status !== 201) { 
       throw new Error("Bad response from server"); 
      } 
     }) 
     .then(function(json){ 

      console.log("succeed json re"); 
      console.log(json); 
      dispatch(update_user(json)); 

     }) 

Так что, когда я утешать этот console.log(response.json());

Я получил эту

Но, похоже, функция Promise оленьей кожи тренировки.

Как я могу получить ошибки Объект внутри [[PromiseValue]]?

Спасибо!

Answer 1

Вот документация then(...)

Вы должны использовать его как это:

p.then(function(value) { 
    // fulfillment 
    }, function(reason) { 
    // rejection 
}); 

Тогда ваш код будет выглядеть следующим образом

fetch(deafaultUrl + '/v1/users/', { 
     headers: { 
      'Content-Type': 'application/json' 
     }, 
     method: "POST", 
     body: JSON.stringify(userInfoParams) 
    }) 
    .then(function(response) { 
     //Land here if request is successful 
     console.log(response); 

     if (response.status !== 200 && response.status !== 201) { 
      throw new Error("Bad response from server"); 
     } 
    }, function(error){ 
     //Land here if request has an error 
     console.log(error); 
    }); 

Answer 2

Я нашел решение, которое response.json() может только прочитайте один раз, если я получу console.log(response.json());, он отлично работает.

Answer 3

Чтобы получил ошибку обещания, вы можете сделать, как это

promise.then(function(data) { 
    }, function(error) {...} 

ИЛИ

Чтобы получил ошибку обещания вы можете также использовать .catch() блок

.then(){...} 
.catch(){..} 

Никогда не собираются этого частично, потому что сервер уже отправил ответ

.then(function(response) { 
      console.log(response); 
      console.log(response.json()); 

      // not working never go into this function 
      response.json().then(function(value) { 
       console.log('access promise'); 
       console.log(value); // "Success" 
      }); 

Вы можете написать свой код таким образом:

fetch(deafaultUrl + '/v1/users/', { 
     headers: { 
      'Content-Type': 'application/json' 
     }, 
     method: "POST", 
     body: JSON.stringify(userInfoParams) 
    }) 
    .then(function(response) { 
     // if request is successful 
    } 
    .catch(err){ 
     // if got error 
    } 
    });