gatsby-plugin-recaptcha 的示例用法

Question

我必须对我的项目中的表单使用 gatsby-plugin-recaptcha。我找不到任何使用此插件的示例。如果有人可以分享有关此的任何信息，这将是很大的帮助。

谢谢

Answer 1

将此代码放入您的组件中并<Helmet/>从react-helmet导入。

<React.Fragment>
  <Helmet>
    <script src={`https://www.google.com/recaptcha/api.js?r=${Math.random()}`} async defer>
    </script>
  </Helmet>
  <form>
    <div className="g-recaptcha" data-sitekey={REACAPTCHA_PUBLIC}>
    </div>
  </form>
</React.Fragment>