Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/wojtekmaj/react-recaptcha-v3. Integrate Google reCAPTCHA v3 with your React app
Something went wrong. Try again.
978 B · 32 lines
TSX
at main
123456789101112131415161718192021222324252627282930313233import { useId, useState } from 'react';import { ReCaptcha, ReCaptchaProvider } from '@wojtekmaj/react-recaptcha-v3';
import './Sample.css';
export default function Sample() { const [token, setToken] = useState(''); const inputId = useId();
return ( <div className="Sample"> <header> <h1>@wojtekmaj/react-recaptcha-v3 sample page</h1> </header> <div className="Sample__container"> <main className="Sample__container__content"> <ReCaptchaProvider reCaptchaKey="YOUR_SITE_KEY"> <form> <ReCaptcha onVerify={setToken} /> <input type="hidden" name="g-recaptcha-response" value={token} /> <div> <label htmlFor={inputId}>Input</label> <input id={inputId} type="text" /> </div> <button type="submit">Submit</button> </form> </ReCaptchaProvider> </main> </div> </div> );}