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

npm install twitter-lite

import React, { useEffect, useState } from 'react';
import Twitter from 'twitter-lite';

const TwitterFollowers = () => {
  const [followersCount, setFollowersCount] = useState(0);

  useEffect(() => {
    const client = new Twitter({
      consumer_key: 'YOUR_CONSUMER_KEY',
      consumer_secret: 'YOUR_CONSUMER_SECRET',
      access_token_key: 'YOUR_ACCESS_TOKEN_KEY',
      access_token_secret: 'YOUR_ACCESS_TOKEN_SECRET'
    });

    const fetchFollowersCount = async () => {
      try {
        const user = await client.get('users/show', { screen_name: 'YOUR_TWITTER_USERNAME' });
        setFollowersCount(user.followers_count);
      } catch (error) {
        console.error('Error fetching followers count:', error);
      }
    };

    fetchFollowersCount();
  }, []);

  return (
    <div>
      <h2>Twitter Followers Count: {followersCount}</h2>
    </div>
  );
};

export default TwitterFollowers;

import React from 'react';
import TwitterFollowers from './TwitterFollowers';

const App = () => {
  return (
    <div>
      <h1>My React App</h1>
      <TwitterFollowers />
    </div>
  );
};

export default App;