我期望从 API 响应中接收一组对象，但在使用 TypeScript 的 React 中获得一组 Promise

Question

如果这对你来说是一个愚蠢的问题，我真的很抱歉。 我对 TypeScript 和 Promises 有点陌生。 我试图在不同的网站上寻找这个解决方案，但找不到任何相关的东西。 您能否帮助解决如何接收对象数组而不是承诺。 另外，如果您分享一些资源，我将非常感谢您在其中找到与 TypeScript 的 React 相关的内容。 提前致谢！

索引.ts

    interface IFetchLikes {
      item_id: string;
      likes: number;
    }

const fetchLikes = async (): Promise<IFetchLikes[]> => {
    const response = await axios.get<IFetchLikes[]>('https://us-central1-involvement-api.cloudfunctions.net/capstoneApi/apps/PmGqiCAY4CG3PZPHNcEG/likes');
    return response.data;
  };

  console.log('Response: ', fetchLikes());

Answer 1

如果没有 promise，则无法从fetchLikes返回 IFetchLikes[]。

原因：Promise 用于使异步代码同步运行。 它是异步的，因为它必须等待 axios API 返回数据。

有两种方法可以处理此信息。

1. 在等待之后移动下一个调用函数/可执行代码。 TS 示例
2. 在前提返回值后使用then运行代码。 TS 示例

文档： https://www.typescriptlang.org/docs/handbook/react.html