React Integration

Procaptcha bietet eine offizielle React-Komponente für die einfache Integration von Prosopo Procaptcha in jedes React-Projekt. Die Integrationskomponente unterstützt alle Procaptcha Render-Optionen.

1. Installation

Abschnitt mit dem Titel 1. Installation

npm install @prosopo/react-procaptcha-wrapper

2. Verwendungsbeispiel

Abschnitt mit dem Titel 2. Verwendungsbeispiel

2.1) Basis-Setup

Abschnitt mit dem Titel 2.1) Basis-Setup

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

// ...

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

2.2) Erweiterte Verwendung

Abschnitt mit dem Titel 2.2) Erweiterte Verwendung

// ...

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