Question

我以此为参考https://github.com/ruucm/react-google-sheets 但是每当我运行此命令时，我都会不断出现错误 404错误 我预感github链接不存在，因此我的应用程序无法工作

或者我错了。

有没有很好的参考资料，可以将React js的数据发送到Google电子表格？

我在电子表格上尝试了无数次尝试，但在电子表格中向应用程序提供数据的地方却相反我需要的是对电子表格的反应

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 GET 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;

Answer 2

我已经知道了

检查我做过的另一个问题，它具有所需的代码

link 1

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

2 个答案: