如何在Gatsby站点上正确实现JSONP表单提交

import React from "react";

class FormPage extends React.Component {
  handleSubmit = (event) => {
    event.preventDefault();

    // 获取表单数据
    const formData = new FormData(event.target);
    const name = formData.get("name");
    const email = formData.get("email");

    // 创建动态<script>标签
    const script = document.createElement("script");
    script.src = `https://example.com/submit?name=${encodeURIComponent(name)}&email=${encodeURIComponent(email)}`;

    // 定义处理服务器返回数据的函数
    window.handleResponse = (response) => {
      // 处理服务器返回的数据
      console.log(response);
    };

    // 将<script>标签添加到页面中
    document.body.appendChild(script);
  };

  render() {
    return (
      <form onSubmit={this.handleSubmit}>
        <label>
          Name:
          <input type="text" name="name" />
        </label>
        <label>
          Email:
          <input type="email" name="email" />
        </label>
        <button type="submit">Submit</button>
      </form>
    );
  }
}

export default FormPage;