Integración con React

Procaptcha proporciona un componente oficial de React para una fácil integración de Prosopo Procaptcha en cualquier proyecto React. El componente de integración admite todas las opciones de renderizado de Procaptcha.

1. Instalación

Sección titulada 1. Instalación

npm install @prosopo/react-procaptcha-wrapper

2. Ejemplo de uso

Sección titulada 2. Ejemplo de uso

2.1) Configuración básica

Sección titulada 2.1) Configuración básica

import {ProcaptchaComponent} from "@prosopo/react-procaptcha-wrapper";

// ...

<ProcaptchaComponent siteKey={"my-site-key"}/>;

2.2) Uso avanzado

Sección titulada 2.2) Uso avanzado

// ...

<ProcaptchaComponent
    siteKey={siteKey}
    language={"en"}
    callback={(token: string): void => {
        console.log("verified", token);
    }}
    htmlAttributes={{
        className: "my-app__procaptcha",
        style: {
            maxWidth: "600px",
        },
    }}
/>