Question

我正在使用react-google-recaptcha包实现不可见的Google Recaptcha。一切在本地都可以正常工作，所有组件都可以触发，并且运行平稳，但是当部署在Netlify上时，单击按钮，流程将停止在recaptchaRef.current.execute（）上。

这些是代码的主要部分：

const recaptchaRef = React.createRef();

class App extends Component {
  triggerRecaptcha = () => {
    recaptchaRef.current.execute();
  }
  
  handleChange = () => {
    // verify recaptcha
  }
  
  render() {
    return (
      <React.Fragment>
        <ReCAPTCHA
          ref={recaptchaRef}
          sitekey={KEY}
          onChange={this.handleChange}
          size="invisible"
        />
        <button type="button" onClick={this.triggerRecaptcha}>Proceed</button>
      </React.Fragment>
    )
  }
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>

基本上在本地处理handleChange。在Netlify上不是，并且在调试之后，似乎已部署版本的问题是 recaptchaRef.current.execute（）;

有人知道发生了什么事吗？

谢谢

Answer 1

这涉及Recaptcha管理控制台配置不正确。抱歉浪费时间，谢谢@ UjinT34

React createRef（）不会在Netlify部署上触发

1 个答案: