如何在 React Native 中抛出 Catch in fetch POST 请求

卡斯帕低

我在 React Native 中调用 POST 请求时遇到调用错误的问题，我知道有一个捕获，但它只为网络连接抛出，当我有一个错误时，我如何从响应中得到错误错误的密码或错误的用户名，例如从响应中调用此错误时：

Object {
  "error": "invalid_request",
  "error_description": "Missing form parameter: grant_type",
}

    fetch("https://websiteo.com/auth/realms/realmsid/protocol/openid-connect/token", {
      method: 'POST',
      headers: myHeaders,
      body: urlencoded.toString(),
    })
      .then(response => response.json())
      .then(result => {
        //console.log(result)
        console.log(result)
        saveToken('secure_access_token', `${result.access_token}`)
        props.navigation.navigate('HomeApp') //i need to throw catch also when username or password wrong
      })
      .catch(error => alert(error.response.data)) //This is only thrown when network problems

何塞·罗哈斯

您可以在响应 json 中验证是否为 200 或失败，如下所示：

fetch("https://websiteo.com/auth/realms/realmsid/protocol/openid-connect/token", {
  method: 'POST',
  headers: myHeaders,
  body: urlencoded.toString(),
})
  .then(response => {
     if (response.ok) {
        return response.json();
     } else {
        throw new Error('Something went wrong');
     }
  })
  .then(result => {
    //console.log(result)
    console.log(result)
    saveToken('secure_access_token', `${result.access_token}`)
    props.navigation.navigate('HomeApp')
  })
  .catch(error => alert(error.response.data)) //This is only thrown when network problems

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。