如何使用 React JS 将数据放入我的 Google 电子表格中

Question

我使用它作为参考https://github.com/ruucm/react-google-sheets 但每当我运行它时我都会收到一个 gapi 404 错误我有预感 github 链接不存在，因此我的应用程序不能工作

或者也许我错了。

是否有一个非常好的参考资料，我可以将数据从 react js 发送到谷歌电子表格？

我已经在电子表格上尝试了很多次尝试，但它在电子表格中将数据提供给应用程序的位置正好相反我需要的是对电子表格做出反应

import React, { Component } from 'react';
import ReactGoogleSheets from 'react-google-sheets';

class GoogleSheets extends Component {

    constructor(props) {
        super(props)
        this.state = {
            sheetLoaded: false,
        }
    }

    render() {
        return (

            <ReactGoogleSheets
                clientId={'243...apps.googleusercontent.com'}
                apiKey={'AIza...'}
                spreadsheetId={'2PAC...'}
                afterLoading={() => this.setState({ sheetLoaded: true })}
            >
                {this.state.sheetLoaded ?
                    <div>
                        {/* Access Data */}
                        {console.log('Your sheet data : ', this.props.getSheetsData( 'gSheets' ))}
                        {/* Update Data */}
                        <button onClick={() => {
                            this.props.updateCell(
                                'gSheets', // sheetName
                                'b', // column
                                2, // row
                                'TESTING', // value
                                null, // successCallback
                                (error) => {
                                    console.log('error', error)
                                } // errorCallback
                            );
                        }}>update cell!</button>
                    </div>
                    :
                    'loading...'
                }
            </ReactGoogleSheets>


        )

    }

}
export default GoogleSheets;

输出应该是一个按钮，里面有数据，在电子表格中发送

但我得到的只是这个错误

gapi.js:257 获取 https://apis.google.com/ /scs/apps-static/ /js/k=oz.gapi.ko.u0WhFdqJrXQ.O/m=auth2,client/rt=j/sv= 1/d=1/ed=1/am=QQE/rs=AGLTcCO-v0Extr2gWwJAKxa0xtQS573uyA/cb=gapi.loaded_0 net::ERR_ABORTED 404

Answer 1

更新gapi.js或“手动”更新它

node_modules/react-google-sheets/google-sheet-connector/gapi.js

并添加https://apis.google.com/js/api.js中的内容。保留最后一行的位置

module.exports = gapi;