如何通过 React Native 中的应用程序创建新的 google 电子表格？

Question

我正在编写一个简单的应用程序，我想在用户需要时在其中创建一个 google 电子表格。我只能到达下面的部分，在那里我可以从现有的 google 电子表格中读取数据，但我无法将其转换为在单击按钮时我将能够创建一个新 google 电子表格。有人可以帮我解决我需要使用的语法吗？我可以这样做吗？

import React, { Component } from 'react';

const API_KEY = '...';
const sheetID = '...';

class App extends Component {
  getSheetValues = async () => {
    const request = await fetch(
      `https://sheets.googleapis.com/v4/spreadsheets/${sheetID}/values/A1?key=${API_KEY}`
    );
    const data = await request.json();
    console.log(data);
    return data;
  };

  render() {
    return (
      <div className="App">
        <button onClick={this.getSheetValues}>Get sheet values</button>
      </div>
    );
  }
}

export default App;

Answer 1

下面的代码有效 - 现在我想找到一种无需 https://developers.google.com/oauthplayground

即可自动刷新访问令牌的方法

'''
import React, { Component } from 'react';

class App extends Component {
  getSheetValues = async () => {
    const request = await fetch(
      `https://sheets.googleapis.com/v4/spreadsheets/${sheetID}/values/A1?key=${API_KEY}`
    );
    const data = await request.json();
    console.log(data);
    return data;
  };

  getNewSheet = async () => {
    const request = await fetch(
      `https://sheets.googleapis.com/v4/spreadsheets`,
      {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json',
          Authorization: `Bearer ${ACCESS_TOKEN}`,
        },
        body: JSON.stringify({
          properties: {
            title: 'newSpreadSheetTest',
          },
        }),
      }
    );
    const data = await request.json();
    console.log(data);
    return data;
  };

  render() {
    return (
      <div className="App">
        <button onClick={this.getSheetValues}>Get Spreadsheet values</button>
        <br />
        <hr />
        <button onClick={this.getNewSheet}>Create New Spreadsheet</button>
      </div>
    );
  }
}

export default App;
'''

如何通过 React Native 中的应用程序创建新的 google 电子表格？

How to create a new google spreadsheet through an app in react native?

react-native

google-sheets-api

multi-device-hybrid-apps