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

Javascript 如何使用React JS将数据放入Google电子表格,javascript,reactjs,google-api-js-client,Javascript,Reactjs,Google Api Js Client,我用这个作为参考 但是每当我运行这个程序时,我总是收到一个gapi404错误 我预感github链接不存在,因此我的应用程序无法运行 也许我错了 有没有一个很好的参考,我可以从react js向google电子表格发送数据 我在电子表格上尝试了很多次,但在电子表格中向应用程序提供数据的地方,情况正好相反 我需要的是对电子表格做出反应 import React, { Component } from 'react'; import ReactGoogleSheets from 'react-goo

我用这个作为参考 但是每当我运行这个程序时,我总是收到一个gapi404错误 我预感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;
import React,{Component}来自'React';
从“react google sheets”导入react google sheets;
类GoogleSheets扩展组件{
建造师(道具){
超级(道具)
此.state={
单张:假,
}
}
render(){
返回(
this.setState({sheetLoaded:true})
>
{this.state.sheetLoaded?
{/*访问数据*/}
{console.log('您的工作表数据:',this.props.getSheetsData('gSheets'))}
{/*更新数据*/}
{
this.props.updateCell(
“gSheets”,//sheetName
“b',//列
2,//行
'测试',//值
null,//successCallback
(错误)=>{
console.log('error',error)
}//错误回调
);
}}>更新手机!
:
“正在加载…”
}
)
}
}
导出默认GoogleSheets;
输出应该是一个按钮,里面有数据,以便在电子表格中发送

但我得到的只是这个错误

gapi.js:257get net::ERR_中止404


更新
gapi.js
或在您的

并从中添加内容。 把最后一行放在它说的地方

module.exports = gapi;
module.exports = gapi;