如何将reCAPTCHA添加到reactjs表单

如何解决如何将reCAPTCHA添加到reactjs表单

我想在我的反应形式中添加一个reCAPTCHA，以防止垃圾邮件。我在localhost：3000上使用此表单。我读到有关Google Recaptcha的信息，但它告诉您注册“ .com”域。这是我的Google表格。

import React,{ Fragment,useState } from "react";
import axios from "axios";

const Form = () => {
  const [candidate,setCandidate] = useState({
    fullName: "",phoneNumber: 0,email: "",gitProfile: "",linkToResume: "",designation: "",interest: "",});

  const onChange = e =>
    setCandidate({ ...candidate,[e.target.name]: e.target.value });

  const onSubmit = e => {
    e.preventDefault();
    //axios post request
  };



  return (
    <Fragment>
      <form onSubmit={onSubmit}>
        //form input fields
      </form>
    </Fragment>
  );
};

export default Form;