javascript - 为什么当我导航到另一个页面时 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>
);