I am working on the simple contact form in my React.js project and I want to secure this form from spam. I want to implement Google reCAPTCHA as a solution but not sure how can I do that.

Here is my contact form:

import React from "react";
import ReactDOM from "react-dom";

const ContactForm = () => {
  const handleSubmit = (e) => {
    e.preventDefault();
    const { name, email } = e.target.elements;
    console.log(`Name: ${name.value}`)
    console.log(`Email: ${email.value}`)
    console.log("submitted form");
    // code...send data.
  };

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

const App = () => {
  return <ContactForm />;
};

ReactDOM.render(<App />, document.getElementById("container"));

site123