我正在尝试将Google Recaptcha添加到我的Gatsby表单中,但看不到它。在控制台中看到以下错误:“ reCAPTCHA找不到用户提供的功能:onloadCallback”
我已经按照Netlify上的说明设置了自定义验证码:https://www.netlify.com/docs/form-handling/
但是,这对我没有用。我看不到Recaptcha。
在我的表单中,我有:
<div className="g-recaptcha" data-sitekey={siteKey}
data-theme="dark"></div>
{
resolve: `gatsby-plugin-recaptcha`,
options: {
async: true,
defer: false,
args: `?onload=onloadCallback&render=explicit`,
}
},
fetch("/", {
method: "POST",
headers: { 'Content-Type': "application/x-www-form-urlencoded"},
body: encode({"form-name": "contact", ...values}),
})
.then(() => alert("Your form has been received."));
我没有发现我做错了什么。如何显示验证码并使其正常工作?