Integração React

Procaptcha fornece um component React oficial para fácil integração do Prosopo Procaptcha em qualquer projeto React. O component de integração suporta todas as opções de renderização do Procaptcha.

1. Instalação

Seção intitulada 1. Instalação

npm install @prosopo/react-procaptcha-wrapper

2. Exemplo de uso

Seção intitulada 2. Exemplo de uso

2.1) Configuração básica

Seção intitulada 2.1) Configuração básica

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

// ...

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

2.2) Uso avançado

Seção intitulada 2.2) Uso avançado

// ...

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