如果我想通过点击刷新按钮来加载验证码,但是当我们导航到另一个页面并点击浏览器后退按钮时,验证码就会消失。如何解决每次(刷新或从浏览器后退按钮单击)验证码应该显示的问题
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>
</>
);
}
最佳答案
尝试禁用 <React.StrictMode>
在 index.js 中是这样的:
const root = createRoot(container);
root.render(
// <React.StrictMode>
<App />
// </React.StrictMode>
);
关于javascript - 为什么当我导航到另一个页面时 reCaptcha 消失了?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/70890193/