javascript - Axios get 函数在 React 中返回一个 promise

Question

我尝试使用以下函数从 giphy api 获取数据并将返回值打印到浏览器控制台。

const fetchData = (url) =>
  {
    return axios.get(url).then(res => res.data.data);
  }

  const data = fetchData(giphy_url);
  console.log(`Data: ${data}`);

但是在打印 data 变量的值时，它会打印:

Data: [object Promise]

我想要访问响应中的数据。有什么我想念的吗？

Answer 1

Axios API 调用返回一个 Promise 对象。来自 Axios documentation , “Axios 是用于 node.js 和浏览器的基于 promise 的 HTTP 客户端。”

您需要等待 promise 对象才能访问响应值。请注意，为了在您的函数中使用 await 关键字，您需要将其标记为 async。执行如下操作。

const fetchData = async(url) =>
  {
    return await axios.get(url).then(res => res.data.data);
  }

  const data = fetchData(giphy_url);
  console.log(`Data: ${data}`);