Javascript 如何使用React JS将数据放入Google电子表格
我用这个作为参考 但是每当我运行这个程序时,我总是收到一个gapi404错误 我预感github链接不存在,因此我的应用程序无法运行 也许我错了 有没有一个很好的参考,我可以从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
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;