web-dev-qa-db-ja.com

React JSを使用してGoogleスプレッドシートにデータを入力するには

これを参照として使用しました https://github.com/ruucm/react-google-sheets ですが、gapi404エラーが発生し続けましたこれを実行するときはいつでも、githubリンクが存在しないという予感があり、そのためアプリが機能しませんでした

または多分私は間違っています。

反応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_ net :: ERR_ABORTED 404

javascriptreactjsgapi
5
Olufsen

更新gapi.jsまたは「手動」で更新します

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

https://apis.google.com/js/api.js からコンテンツを追加します。それが言うところに最後の行を保持します

module.exports = gapi;
1
vinc4