私はreact/reduxプロジェクトにreact-recaptchaを正常に実装しました。ほとんどの状況で動作します。たとえば、ユーザーが別のルートからサインアップページに移動すると、完全に読み込まれます。ただし、ユーザーがそれにreCAPTCHAのとサインアップページをリフレッシュすると、私が手3/4回:
grecaptcha is not defined
react-recaptha - grecaptchaが定義されていません
私はローカルで作業するとき、私はこのエラーを取得しないので、これは競合状態だと思います。ここで私は私のコードを設定している方法は次のとおりです。
index.htmlを
<head>
<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script>
</head>
Signup.jsxは
...
<Recaptcha {...captcha} sitekey='xxx-xxx-xxx'
render = 'explicit'
verifyCallback={this.verifyCallback}
data-size="compact"
onloadCallback={this.captchaLoadCallback}
style={this.captchaStyle}
size='small' />
...
任意のアイデア?