Я внедряю невидимую Google Reaptcha с помощью пакетаact-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 ();
Кто-нибудь знает, что происходит?
Спасибо