Ее можно использовать вот так, например, если хотим изменять поле

Question

Ее можно использовать вот так, например, если хотим изменять поле

в форме:
import React, { useState } from 'react';
import { useReCaptcha } from 'react-use-recaptcha-v3';

const ControlledGoogleReCaptcha = () => {
const [token, setToken] = useState();

const handleToken = (tokenFromGoogleResponse) => {
console.log('fresh token is appear here, each time actionName is changed', { tokenFromGoogleResponse });
setToken(tokenFromGoogleResponse);
};

const siteKey = '[SET UP YOU SITE KEY HERE!!!]';
const actionName = 'submit'; // you can change actionName here if you need

useReCaptcha(siteKey, handleToken, actionName);

return (
<form>
{/* other fields here */}
{token ? <input name="g-recaptcha" value={token} /> : null}
</form>
);
};

#frontend #javascript #programming #react.js #russian

0

04.06.2020

2 ответов

12 просмотров

Андрей Звёздочка

Для v3 не нужно в dom внедрять.

0

04.06.2020

Eugene Maltsev · Accepted Answer

Eugene Maltsev

verifyCallback = (recaptchaToken) => { // Here you will get the final recaptchaToken!!! console.log(recaptchaToken, "<= your recaptcha token") } <ReCaptcha sitekey="your_site_key" action='action_name' verifyCallback={this.verifyCallback} />

0

04.06.2020

169 похожих чатов

Ее можно использовать вот так, например, если хотим изменять поле

2 ответов

Похожие вопросы