javascript - React createRef() 不会在 Netlify 部署上触发

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