Google Recaptcha не отображается в форме Formik / Netlify - PullRequest
0 голосов
/ 16 июня 2019

Я пытаюсь добавить Google Recaptcha в мою форму Гэтсби и не вижу его.В консоли отображается следующая ошибка: «reCAPTCHA не может найти предоставленную пользователем функцию: onloadCallback»

Я выполнил инструкции Netlify для настройки пользовательской капчи: https://www.netlify.com/docs/form-handling/

Это, однако, не сработало для меня.Я не могу видеть Recaptcha.

В моей форме у меня есть:

  1. В теге формы: 'data-netlify-recaptcha = true "
  2. У меня естьdiv, как указано в Документах Google:
   <div className="g-recaptcha" data-sitekey={siteKey}
                  data-theme="dark"></div>
Я установил gatsby-plugin-recaptcha в свой gatsby-config.js следующим образом:
   {
   resolve: `gatsby-plugin-recaptcha`,
     options: {
       async: true,
       defer: false,
       args: `?onload=onloadCallback&render=explicit`,
     }
  },
Я занимаюсь отправкой, отправляя POST с использованием Formik:
  fetch("/", {
              method: "POST",
              headers: { 'Content-Type': "application/x-www-form-urlencoded"},
              body: encode({"form-name": "contact", ...values}),
          })
          .then(() => alert("Your form has been received."));

Я не вижу, что я делаю неправильно.Что я могу сделать, чтобы отобразить капчу и заставить ее работать правильно?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...