如何在react原生应用程序中显示youtube频道直播

import React, { Component } from 'react';
import { GoogleApis } from 'googleapis';
import YouTube from 'react-youtube';

class YouTubeLive extends Component {
  state = {
    channelId: 'YOUR_CHANNEL_ID',
    liveVideoId: '',
  };

  componentDidMount() {
    this.getLiveVideoId();
  }

  getLiveVideoId = async () => {
    const { channelId } = this.state;
    const youtube = GoogleApis.youtube('v3');
    const response = await youtube.search.list({
      key: 'YOUR_API_KEY',
      channelId: channelId,
      eventType: 'live',
      type: 'video',
    });

    if (response.data.items.length > 0) {
      const liveVideoId = response.data.items[0].id.videoId;
      this.setState({ liveVideoId });
    }
  };

  render() {
    const { liveVideoId } = this.state;

    return (
      <div>
        {liveVideoId && <YouTube videoId={liveVideoId} />}
      </div>
    );
  }
}

export default YouTubeLive;