@crafyholding/crafy-captcha-react
v1.0.1
Published
React component Client SDK for CrafyCAPTCHA
Maintainers
Readme
Official documentation in https://captcha.crafy.net/docs/
Example
import React, { useRef } from 'react';
import CrafyCaptcha from '@crafyholding/crafy-captcha-react';
function MiFormulario() {
const captchaRef = useRef(null);
const handleSubmit = async (e) => {
e.preventDefault();
try {
// Intenta loguear...
} catch (error) {
// Si la contraseña era incorrecta, resetea el puzzle usando la ref
captchaRef.current.reset();
}
};
return (
<form onSubmit={handleSubmit}>
{/* ... inputs ... */}
<CrafyCaptcha
ref={captchaRef}
publicKey="pk_test_..."
onSuccess={(token) => console.log('Resuelto!', token)}
onExpire={() => alert('El tiempo expiró, resuelve de nuevo.')}
onError={(err) => console.error('Fallo técnico', err)}
/>
<button type="submit">Enviar</button>
</form>
);
}