Google Recaptcha未以Formik / Netlify形式显示

时间:2019-06-16 02:32:24

标签: recaptcha netlify formik

我正在尝试将Google Recaptcha添加到我的Gatsby表单中,但看不到它。在控制台中看到以下错误:“ reCAPTCHA找不到用户提供的功能:onloadCallback”

我已经按照Netlify上的说明设置了自定义验证码:https://www.netlify.com/docs/form-handling/

但是,这对我没有用。我看不到Recaptcha。

在我的表单中,我有:

  1. 在表单标签中:“ data-netlify-recaptcha = true”
  2. 我具有Google文档中指定的div:
   <div className="g-recaptcha" data-sitekey={siteKey}
                  data-theme="dark"></div>
  1. 我已经在我的gatsby-config.js中安装了gatsby-plugin-recaptcha,如下所示:
   {
   resolve: `gatsby-plugin-recaptcha`,
     options: {
       async: true,
       defer: false,
       args: `?onload=onloadCallback&render=explicit`,
     }
  },
  1. 我正在使用Formik作为POST提交来处理提交:
  fetch("/", {
              method: "POST",
              headers: { 'Content-Type': "application/x-www-form-urlencoded"},
              body: encode({"form-name": "contact", ...values}),
          })
          .then(() => alert("Your form has been received."));

我没有发现我做错了什么。如何显示验证码并使其正常工作?

0 个答案:

没有答案