2

私はreact-recaptcha-v3(https://www.npmjs.com/package/react-recaptcha-v3)を使用しようとしていますが、例を正確に書きました:

import React, { Component } from 'react';
import { ReCaptcha } from 'react-recaptcha-v3'
import { loadReCaptcha } from 'react-recaptcha-v3'

class ExampleComponent extends Component {

  verifyCallback = (recaptchaToken) => {
    // Here you will get the final recaptchaToken!!!  
    console.log(recaptchaToken, "<= your recaptcha token")
  }

  componentDidMount() {
    loadReCaptcha('site key (I can't give it here)')
  }

  render() {
    return (
      <div>

        <ReCaptcha
            sitekey="site key (I can't give it here)"
            action={console.log('action')}
            verifyCallback={this.verifyCallback}
        />

        <h2>Google ReCaptcha with React </h2>

        <code>
          1. Add <strong>your site key</strong> in the ReCaptcha component. <br/>
          2. Check <strong>console</strong> to see the token.
        </code>
      </div>
    );
  };
};

export default ExampleComponent;

私は自分のドメイン名を次のように書きました:

  • ローカルホスト
  • ローカルホスト:3000

そして、サイトキーとシークレットキーを取得しました。

これがコンソールで得られるものです:

ここに画像の説明を入力

4

1 に答える 1