jsonとして約束を拒否

Question

私はlaravel（php）バックエンドと反応ネイティブのプロジェクトに取り組んでいます。私はメソッドのログイン（ユーザー名、パスワード）を使って、ユーザーを解決し、エラーを拒否する、Promoiseを返すクラス 'AuthService'を持っています。エラーはJSONで返されるので、ユーザーに特定のエラーを表示できますが、予期しないエラーが発生する可能性があるため、コンポーネントを消費するためにjsonオブジェクトも提供したいと考えています。

 return fetch(Config.AUTH_URL, { 
     method: 'POST', 
     headers: { 
      'Accept': 'application/json', 
      'Content-Type': 'application/json', 
     }, 
     body: JSON.stringify({ 
      email: email, //provided 
      password: password //provided 
     }) 
    }) 
     .then(response=> { 
      if (response.ok) { 
       return response.json().then(user=> { 
        console.log(user); 
        AsyncStorage.setItem('auth.token', user.api_token); 
        AsyncStorage.setItem('user_name', user.user.name); 
        AsyncStorage.setItem('user_email', user.user.email); 
       }) 
      } else { 
       if (response.status == 422) { 
        //this needs to be rejected, but gives error 
        return Response.reject(response.json()); 

       } else { 
       //when the response from server is unexpected error (eg. 500 without json data),I still want to reject with a json object 
        return Promise(null,()=> { 
         return {"email": ["Technical problem, try later"]} 
        }); 
       } 
      } 
     }, err=> { 
      throw Error({"email": ["Technische fout. Probeer het opnieuw"]}); 
     }); 

Answer 1

.thenは（（レスポンス）=> {}）約束が正常に終わるとき（解決（）関数で）と呼ばれているので、あなたがして（）関数内で解決関数を呼び出すべきではありません。

.catch約束が失敗した場合（（errは）=> {}）（拒否（）関数で）と呼ばれている、あなたが何をする必要があるか

が、その後に成功した応答を処理し、ハンドルがキャッチに失敗しました。

.then(response=> { 
      if (response.ok) { 
       return response.json().then(user=> { 
        console.log(user); 
        AsyncStorage.setItem('auth.token', user.api_token); 
        AsyncStorage.setItem('user_name', user.user.name); 
        AsyncStorage.setItem('user_email', user.user.email); 
       }) 
      } else { 
       if (response.status == 422) { 
        return response.json(); 
       } else { 
         return {"email": ["Technical problem, try later"]} 
       } 
      } 
     } .catch(function (err) { 
      return ({"email": ["Technische fout. Probeer het opnieuw"]}); 
    }); 

あなたは決意を制御したいとあなたは「リクエスト」を使用しての代わりに、このブログでは、応答のための https://www.twilio.com/blog/2015/10/asyncawait-the-hero-javascript-deserved.html