react-recaptcha-google/example/ExampleReCaptcha.js

This library helps to integrate google recaptcha into your react project easily.

import React, { Component } from 'react';
import { ReCaptcha } from '../src';

class ExampleReCaptcha extends Component {
  constructor(props, context) {
      super(props, context);

      this.onLoadRecaptcha = this.onLoadRecaptcha.bind(this);
      this.verifyCallback = this.verifyCallback.bind(this);
  }

  componentDidMount() {
    if (this.captchaDemo) {
        this.captchaDemo.reset();
        this.captchaDemo.execute();
    }
  }

  onLoadRecaptcha() {
      console.log(this.captchaDemo)
      if (this.captchaDemo) {
          this.captchaDemo.reset();
          this.captchaDemo.execute();
      }
  }

  verifyCallback(recaptchaToken) {
      console.log(recaptchaToken)
  }

  render() {
    return (
        <ReCaptcha
            ref={(el) => {this.captchaDemo = el;}}
            size="invisible"
            render="explicit"
            sitekey="your_site_key"
            onloadCallback={this.onLoadRecaptcha}
            verifyCallback={this.verifyCallback}
        />
    );
  }
}

export default ExampleReCaptcha;