javascript - 使用 fetch 方法读取 RapidAPI JSON 响应

Question

我正在开发一个用于学习目的的 react native 项目。我正在使用 RapidAPI ( https://rapidapi.com/divad12/api/numbers-1/endpoints ) 来实现同样的目的。

当我点击 API 时，我得到的状态为 200OK，但我无法从 API 读取 JSON 格式的响应数据。

代码:

fetchCurrencyData = () => {
    fetch("https://numbersapi.p.rapidapi.com/7/21/date?fragment=true&json=true", {
        "method": "GET",
        "headers": {
            "x-rapidapi-host": "numbersapi.p.rapidapi.com",
            "x-rapidapi-key": "<Valid API Key, generated in code snippet>"
        }
    })
    .then(response => {         
        console.log(response);
    })
    .catch(err => {
        console.log(err);
    }); 
}

componentDidMount(){
    this.fetchCurrencyData();
}

在console.log(response);我得到:

我检查了 RapidAPI -> MyApps 部分中的响应:

如何读取 JSON 格式的响应正文？

Answer 1

当前您正在打印响应对象，其中包含原始响应(包括 header 等)。您可以执行以下操作:

fetchCurrencyData = () => {
    fetch("https://numbersapi.p.rapidapi.com/7/21/date?fragment=true&json=true", {
        "method": "GET",
        "headers": {
            "x-rapidapi-host": "numbersapi.p.rapidapi.com",
            "x-rapidapi-key": "<Valid API Key, generated in code snippet>"
        }
    })
    .then(response => response.json()) // Getting the actual response data
    .then(data => {         
        console.log(data);
    })
    .catch(err => {
        console.log(err);
    }); 
}

componentDidMount(){
    this.fetchCurrencyData();
}