如何使用 Sheet.Best API 从我的 GatsbyJS 网站 post 数据到 Google 表格？

Question

我正在尝试使用 Sheet.Best API 将我的 Gatsby 网站的表单连接到 Google 表格，以便用户可以提交他们的电子邮件以进行更新，但是当用户提交按钮，没有任何反应。

这是我的表单代码：

form.js

import React, { useState } from "react"
import styled from "styled-components"
import axios from 'axios'

function Form() {
    const [email, setEmail] = useState('');

    const handleSubmit = (e) => {
        e.preventDefault();

        const objt = { email };

        axios
                .post(
                    'sheet.best connection url',
                    objt 
                )
                .then((response) => {
                    console.log(response);
                });
    }

    return (
        <HeaderForm>
            <HeaderInput placeholder="Your email" type="email" onChange={(e) => setEmail(e.target.value)} />
            <HeaderButton type="submit" onClick={handleSubmit}>Updates</HeaderButton>
        </HeaderForm>
    )
}

export default Form;
`

非常感谢任何帮助 - 谢谢！

Answer 1

您的输入标签中需要 value={email}。