如何在反应js中检查响应状态并相应地显示内容消息答案

【问题标题】：how to check the response status and display content message accordingly in react js如何在反应js中检查响应状态并相应地显示内容消息
【发布时间】：2020-11-12 01:32:08
【问题描述】：

以下是用于调用 API 的代码，API 正在工作，我正在获取响应数据。但想检查状态码是否为200和204则需要相应显示内容

// service file
export const getOrderSummary = (): Promise<TestSummary> => {
    return get('https://examplesitename/test/summary', {});
};

 const getSummaryDetails = async () => {
    const response = await getOrderSummary()
    if (response) {
      setOrderSummary(orderSummary = response)
      console.log(orderSummary) // getting orderSummary
    }
    setIsLoading(false)
  }
  useEffect(() => { 
    getSummaryDetails();
  }, []);

【问题讨论】：

当你在控制台记录你的数据或通过response.status 时，你不会得到一个状态码，如果没有，那么你可以做的不多尝试使用类似 redux saga、thunk 或 react 查询用于自定义错误处理。
控制台响应，您可以通过response.status访问状态码
感谢 Gayatri 和 Akanksha，在控制台 > 网络 > 标题下我得到状态代码：204，但我把 console.log(response.status) 输入错误（类型上不存在属性“状态” )

标签： reactjs redux react-hooks

【解决方案1】：

我不明白你为什么会遇到这个问题，因为这不应该像本文档所说的那样发生 Mozilla：

Link to the docs

您可以按照以下代码：

const getSummaryDetails = () =>{
   const url = 'https://examplesitename/test/summary'
   fetch(url).then(function(res)=>{
    console.log(res.status) //you will get your status code
    setOrderSummary(orderSummary = res)  
   })
   .catch(function(err){
     alert(err.message)
   })
}

【讨论】：