Капча (ReCAPTCHA)

Добавить капчу (ReCAPTCHA) на сайт можно через модуль react-google-recaptcha. Установить модуль можно через код ниже:

npm install --save react-google-recaptcha

Если надо выполнять код после успешного прохождения капчи, то можно использовать код ниже:

import ReCAPTCHA from "react-google-recaptcha";

// Коллбэк onSuccessCaptcha выполняется, когда капча успешно пройдена
<ReCAPTCHA
    sitekey="параметр site key"
    onChange={onSuccessCaptcha}
  />

Если же надо передавать значение капчи в форму, то можно использовать следующий код:

import ReCAPTCHA from "react-google-recaptcha";

// ...

const recaptchaRef = React.createRef();

return (
    <>
        <ReCAPTCHA
            ref={recaptchaRef}
            sitekey="параметр site key"
        />
    </>
)

// Значение капчи можно получить через код ниже
const recaptchaValue = recaptchaRef.current.getValue();