@jett
Для обработки токена reCAPTCHA v3 на React, вы можете использовать следующий процесс:
- Установите зависимость reCAPTCHA:
1
|
npm install react-google-recaptcha
|
- Импортируйте ReCAPTCHA в файл React:
1
|
import ReCAPTCHA from "react-google-recaptcha";
|
- Добавьте reCAPTCHA на страницу:
1
2
3
4
5
|
<ReCAPTCHA
sitekey="your-recaptcha-v3-site-key"
action="action-name"
onChange={onChange}
/>
|
- Реализуйте функцию onChange для обработки токена:
1
2
3
|
const onChange = (value) => {
console.log("Token value:", value);
};
|
- Отправьте токен на сервер и проверьте его валидность:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
fetch("your-verification-endpoint", {
method: "POST",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify({
token: value,
}),
})
.then((res) => res.json())
.then((data) => {
if (data.success) {
console.log("reCAPTCHA verification succeeded.");
} else {
console.error("reCAPTCHA verification failed.");
}
});
|
В этом примере мы отправляем токен на эндпоинт проверки, который должен быть реализован на вашем сервере. Валидный токен должен возвращать ответ со статусом success: true
.