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

Question

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

Twitter 只会给我 key、secret 和 bearer token 所以很多以前写的方法似乎已经过时了，但甚至以前的一些答案似乎对我不起作用。例如我试过

    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

是的，这行不通，您必须等到提取 returns 它响应。现在它将尝试从 api 获取，并且在获取 returns 之前函数将返回一些东西。您可以使用 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;
}

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

Trying to display number of Twitter followers in a React app

javascript

twitter

reactjs