尝试在 React 应用程序中显示 Twitter 关注者的数量

Question

我一直在尝试获取一个 React 页面来显示一个帐户的 Twitter 关注者数量。

Twitter 只会给我密钥、秘密和不记名令牌，所以很多以前写的方法似乎已经过时了，但即使是以前的一些答案似乎也不适合我。例如我试过

    import React, { Component } from 'react';

function Twitter () {
    fetch("https://api.twitter.com/2/users/by/:username
“, {
        headers: {
            Authorization: "Bearer <token>"
        }
    })
  let followerCount = user.fields.public_metrics.follower_count;
return followerCount;
}

export default Twitter;

理论上，这应该将数字提供给下一个 React 组件，但会在第一个引号处引发错误。

现在不知道如何实现这一点，愿意尝试合并一些 npm 包，但我认为显示一个数字会很简单！

Answer 1

是的，这不起作用，您必须等到 fetch 返回响应。现在它将尝试从 api 获取，并且在获取返回之前函数将返回。您可以使用 await 并使函数异步或使用 Promise。

async function Twitter () {
   await fetch("https://api.twitter.com/2/users/by/:username
“, {
        headers: {
            Authorization: "Bearer <token>"
        }
    })
  let followerCount = user.fields.public_metrics.follower_count;
return followerCount;
}