如何解决chrome浏览器中的控制台日志问题答案

【问题标题】：how to solve console log issue in chrome browser如何解决chrome浏览器中的控制台日志问题
【发布时间】：2020-10-02 02:44:03
【问题描述】：

我从 API 获取数据，最初在 fetchData 函数中对其进行控制台时它可以工作，但是当在 fetchDailyData 函数中对其进行控制台并在另一个组件中调用此函数时它不起作用。

我该如何解决这个问题？

import axios from 'axios';

const url = `https://covid19.mathdro.id/api`;

export const fetchData = async () => {
  try {
    const { data: { confirmed, recovered, deaths, lastUpdate }} = await axios.get(url);
    return { confirmed, recovered, deaths, lastUpdate };
  } catch (error) {

  }
}

export const fetchDailyData = async () => {
  try {
    const { data } = await axios.get(`${url}/daily`);
    console.log(data); // <<==>> chrome browser is not showing this console log
                       // fetchDailyData function called in another component
  } catch (error) {

  }
}

在另一个组件中调用fetchDailyData 函数当我拨打console.log 时，我在浏览器的控制台中看不到数据

const Chart = () => {
  const [dailyData, setDailyData] = useState({});

  useEffect(() => {
    const fetchApi = async () => {
      setDailyData(await fetchDailyData());
    }
    console.log(dailyData);
    fetchApi();
  });
};

【问题讨论】：

Js 语句必须在漩涡括号内 - {}
如果控制台没有显示您突出显示的console.log 语句，几乎可以肯定是因为它之前的代码抛出错误 - 尝试检查catch 块中的错误。

标签： javascript reactjs

【解决方案1】：

https://covid19.mathdro.id/api/daily 是您在fetchDailyData 中的网址，目前根本不返回任何数据。

我想您必须检查此后端是否仍然可用。在响应回调中检查响应状态（通常应该返回 statusCode 200）是一个很好的做法。

【讨论】：