reactjs - 如何从 API 调用中提取数据

Question

地理 ipify API

我附上了来自浏览器的 API 结果的屏幕截图。

我正在使用这个 ReactJS 函数来获取 API

async function getIp() {
    const response = await fetch(`https://geo.ipify.org/api/v1?apiKey=${APP_KEY}&ipAddress=8.8.8.8`);
    const data = response.json();
    console.log(data);
    console.log(data.ip);    
  }

当我 console.log(data.ip) 显示结果未定义时。在这里需要帮助！如何从此 API 调用中提取数据？

标签： reactjsapirest

Answer 1

您需要等待 json() 因为它也是一个异步操作：

async function getIp() {
    const response = await fetch(`https://geo.ipify.org/api/v1?apiKey=${APP_KEY}&ipAddress=8.8.8.8`);
    const data = await response.json();
    console.log(data);
    console.log(data.ip);    
}

希望这会有所帮助！