问题标签 [react-google-recaptcha]

react-google-recaptcha 版本：2.0.0-rc.1

我在重置 recaptcha 时遇到问题

我正在使用功能组件

代码摘录如下

现在的问题是，我得到 - 无法读取代码的 null 属性“重置”->recaptchaInputRef.current.reset();

我react-google-recaptcha在 Next.js 上使用了一个简单的联系表单。可以使用一个按钮来切换应用程序主题，该按钮触发一个函数，该函数将“dark”作为一个类附加到 html 并在 localStorage 中添加一个变量。我如何让 recaptcha 更新这个？

问题是检查我需要访问的暗模式window以检查 html 附加类或localStorage检索我在主题开关上附加的暗模式值。这意味着我只能使用componentDidMount只触发一次的生命周期方法。(SSR)

当上述任何一个值发生变化并重新安装组件时，我需要一些可以动态注入主题字符串的东西。这是我Captcha.jsx要导入contact.jsx页面的组件。

ReCAPTCHA 主题在硬刷新时更改，但在单击功能切换时不会更改，这会:root在找到附加到 html 的“暗”时使用选择器更改所有其他内容。

我正在尝试编辑由 reCaptcha 创建的元素的属性。但要这样做，我需要捕获正在创建的 iframe。问题是，当我使用useEffect( 而不是ComponentDidMount/Update. 代码运行得太早。如何让我的代码等待验证码呈现？

显然我可以像 setTimeout 一样添加，但这是一种可怕的做法。

我想编辑由 ReCAPTCHA 返回的标签属性。我正在使用这个包：https ://www.npmjs.com/package/react-google-recaptcha

该组件呈现如下内容：

并且我想改变to的属性dir（dir是我们的内部属性）。#myLabelrtl

我想在我的 vuetify 项目中添加 google recaptcha 3

像这样的谷歌recaptcha 3：

我从这里得到参考：https ://www.npmjs.com/package/vue-recaptcha-v3

第一：我跑npm install vue-recaptcha-v3

第二：我像这样修改我的 main.js ：

我的问题是我很困惑从我的组件中调用它

我的Vue组件是这样的：

如何从我的组件中调用 google recaptcha 3？

这里，verifyCallback 是在组件第一次加载时触发的。

每次点击登录按钮如何触发verifyCallback？

我需要在我的表单中实现recaptcha，但我不知道如何正确地做到这一点。

问题是 recaptcha 是异步的，当它处于不可见模式时，令牌几乎可以立即使用，但是当用户必须选择交通灯时，可能需要一段时间。

如何延迟发送表单，以便它可以等待令牌值并使用 onSubmit 将服务器端验证错误返回到表单？

也许我应该使用 react-google-recaptcha 以外的其他东西？

下面是一种可行的方法，但它看起来也很老套，应该有更好的方法来做到这一点。

react-recaptcha-google我已按照此处的示例安装并添加到我的应用程序中： https ://medium.com/codeep-io/how-to-use-google-recaptcha-with-react-38a5cd535e0d

但是什么都没有出现，没有错误，什么也没有。

componentDidMount()也正在跳过中的条件。

我已经不知道该怎么做才能让它发挥作用。有什么建议么？

我也试过：

• react-recaptcha（< - 这个是一样的 - 什么都不显示）和

• react-google-recaptcha（<- 这会产生错误）

我们的密钥 100% 正确，因为我们将它用于同一站点上的其他验证码（用 Razor 编写）。

我需要在验证码验证后激活输入按钮，但目前它不起作用。下面显示anchor:1 Uncaught (in promise) null 的是我的整个代码。我正在使用https://www.npmjs.com/package/react-google-recaptcha

我认为问题在于，因为事件在调用event时变得不确定。captchaValidate我怎样才能在其中获取事件，captchaValidate因为将值更改为事件它只会给出一些类似于任何标记的文本。请帮忙。

我有一个 HTML/Bootstrap 页面，我在其中使用 google recaptcha V2。我有一个正在工作的样式类 css 文件（我正在通过这个 css 工作其他样式）。我试图覆盖“我不是机器人”的背景颜色，所以我在 CSS 文件中添加了以下行：

这些不是最终颜色，只是为了看看这是否有效

但它不起作用，即使当我检查元素时，我也看到来自 styles__ltr.css 而不是我的 css 文件的 rc-anchor-light 条目。我哪里错了？

我已经使用此代码的 1.0 版 2 天了我一直在使用 2.0 版，但没有找到正确的方法。我遵循谷歌开发者网站推荐的代码，该代码也被编写为不起作用，因为这是我需要升级到 V2 的旧版本。但是，V2 无法正常工作。我确定我错过了一些东西。

感谢你的帮助。

https://www.google.com/recaptcha/api现在显示 404