为什么当我导航到另一个页面时 reCaptcha 会消失？

Question

如果我想通过单击刷新按钮来加载验证码，但是当我们导航到另一个页面并单击浏览器后退按钮时，验证码就会消失。如何解决每次（刷新或单击浏览器后退按钮）验证码都应显示的问题

import React, { useState } from "react";
import Recaptcha from "react-recaptcha";
export default function DropDown() {
  const grecaptchaObject = window.grecaptcha;
  function captchaVerify(response) {
    if (response !== "") {
      //some code
    } else if ((response === "")) {
      //some code 
    }
  }
  function recaptchaLoaded() {
  }
  return (
    <>
      <div>
        <Recaptcha
          sitekey="Your-Site-Key"
          render="explicit"
          onloadCallback={recaptchaLoaded}
          verifyCallback={captchaVerify}
          grecaptcha={grecaptchaObject}
        />
      </div>
    </>
  );
}

Answer 1

<React.StrictMode>尝试像这样禁用index.js中的：

const root = createRoot(container);
root.render(
 // <React.StrictMode>
    <App />
 // </React.StrictMode>
);