reactjs - 如何使用react-google-recaptcha重置Google recaptcha

Question

看起来 Google recaptcha 的工作方式是，如果使用特定 token 进行了验证尝试，则无法再次使用它。

文档指出“您将需要调用 grecaptcha.reset() 来要求最终用户再次使用 reCAPTCHA 进行验证”

我正在尝试使用react-google-recaptcha npm 包来尝试此操作。

这是我的代码:

function onChange(grecaptcha) {
  console.log(grecaptcha);
  grecaptcha.reset(); // this doesn't work
}

class Captcha extends React.Component {
  render() {
    return <div>
      <Recaptcha
          sitekey='#'
          onChange={onChange(this)}
      /> </div> 
  }
}

当我尝试使用 google api https://www.google.com/recaptcha/api/siteverify 进行服务器端验证时对于响应和 secret 值，成功响应在第一次验证后始终评估为“假”。为了防止这种情况，我按照文档中的建议重置了 grecaptcha，但它不起作用。

我缺少什么吗？

提前致谢

编辑:

https://github.com/dozoisch/react-google-recaptcha提供了reset()实用函数，这是我在用户解决验证码后尝试调用的函数，想知道我是否没有以正确的方式调用它。

Answer 1

我遇到了类似的问题，不得不将其更改为:

window.grecaptcha.reset();