如何添加谷歌recaptcha創建反應的應用程序？

我試圖讓recaptcha響應，以便我可以通過redux-form傳遞它。
已嘗試下列2種方法...如何添加谷歌recaptcha創建反應的應用程序？

嘗試1：
在<head>指定回調。

的index.html：

<script src='https://www.google.com/recaptcha/api.js?onload=callback&render=explicit'></script>

這裏的問題是，回調是在全球範圍內，但我需要訪問它在反應的組分。

嘗試2：
指定DOM中的回調。

元器件：handleRecaptcha（RESP）

handleRecaptcha(resp) { 
    console.log(resp); 
}

元器件：渲染（）：

<div className="g-recaptcha" data-callback={this.handleRecaptcha.bind(this)} data-sitekey="***"></div>

的index.html：

<script src='https://www.google.com/recaptcha/api.js'></script>

提交recaptcha後，我收到消息ReCAPTCHA couldn't find user-provided function: function() { [native code] }。可能也是一個範圍問題。

我試圖避免使用另一個庫，因爲我認爲這是一個相當微不足道的問題。
會有人想知道如何去解決嗎？

我所需要的只是掌握widget實例，並做grecaptcha.getResponse(widget)來獲得響應。 API ref

來源

2017-05-29 resting

使用react-recaptcha

import Recaptcha from 'react-recaptcha' 

<Recaptcha 
    sitekey="xxxxxxxxxxxxxxxxxxxx" 
    render="explicit" 
    verifyCallback={verifyCallback} 
    onloadCallback={callback} 
/>

來源

2017-05-29 09:58:09 oklas

雅這其中也可以替代。我現在使用它 –

如何添加谷歌recaptcha創建反應的應用程序？

回答

相關問題