如何在next.js应用程序中访问窗口对象上的google api脚本？

npm install googleapis

import { useEffect } from 'react';

const MyComponent = () => {
  useEffect(() => {
    const loadGoogleApiScript = () => {
      const script = document.createElement('script');
      script.src = 'https://apis.google.com/js/api.js';
      script.onload = () => {
        // Google API脚本加载完成后的回调函数
        // 在这里可以访问窗口对象上的Google API
      };
      document.body.appendChild(script);
    };

    loadGoogleApiScript();
  }, []);

  return (
    // 组件的内容
  );
};

export default MyComponent;

import { useEffect } from 'react';
import { google } from 'googleapis';

const MyComponent = () => {
  useEffect(() => {
    const loadGoogleApiScript = async () => {
      const script = document.createElement('script');
      script.src = 'https://apis.google.com/js/api.js';
      script.onload = () => {
        // Google API脚本加载完成后的回调函数
        // 在这里可以访问窗口对象上的Google API

        // 初始化Google Sheets API客户端库
        const client = await google.auth.getClient({
          // 设置你的Google API凭据
          // 参考：https://developers.google.com/sheets/api/guides/authorizing
        });
        const sheets = google.sheets({ version: 'v4', auth: client });

        // 在这里可以使用sheets对象来访问Google Sheets API的功能
      };
      document.body.appendChild(script);
    };

    loadGoogleApiScript();
  }, []);

  return (
    // 组件的内容
  );
};

export default MyComponent;