动作属性有什么用? -React Recaptcha v3

时间:2019-11-11 21:05:12

标签: reactjs recaptcha-v3

我正在为其中一个项目使用 react-recaptcha-v3 软件包。 ReCaptcha组件在其documentation中使用action属性,并且还具有link to google docs的操作。但是,我仍然不了解如何使用此属性。

是否有一个简单的示例显示如何使用动作 attr ,谢谢!

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

class ExampleComponent extends Component {

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

  render() {
    return (
      <div>

        <ReCaptcha
            sitekey="your_site_key"
            action='action_name'
            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;

0 个答案:

没有答案