Integrazione React

Procaptcha fornisce un componente ufficiale React per una facile integrazione di Prosopo Procaptcha in qualsiasi progetto React. Il componente di integrazione supporta tutte le opzioni di rendering Procaptcha.

1. Installazione

Sezione intitolata 1. Installazione

npm install @prosopo/react-procaptcha-wrapper

2. Esempio di utilizzo

Sezione intitolata 2. Esempio di utilizzo

2.1) Configurazione base

Sezione intitolata 2.1) Configurazione base

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

// ...

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

2.2) Utilizzo avanzato

Sezione intitolata 2.2) Utilizzo avanzato

// ...

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