как реализовать recaptcha в реагировать родное приложение?

Question

Я использовал «npm install response-native-recaptcha-v3» для интеграции с recaptcha.Но он выдает предупреждение Failed тип пропа: опора 'url' помечена как обязательная в 'ReCaptcha', но ее значение равно 'undefined'.что я сделал не так?

как решить?

     render() {
        return (
        <View>
        <ReCaptcha
          sitekey= {this.props.sitekey}
          verifyCallback={this.verifyCallback.bind(this)}
        />
       </View>
       );
      }

Answer 1

<ReCaptcha
   siteKey={SiteKey}
   action="<action_name>" // it's not required but you can it if you are using recaptcha more than one time.
   url="<use_any_valid_url_or_app_related_url>"
   reCaptchaType={1}
   onExecute={(res) => {
      this.setState({ reCaptcha: res });
   }}
/>

Реквизиты URL-адреса требуются для реакции-нативной-recaptcha-v3, чтобы вы могли передать любой действительный URL-адрес или URL-адрес, связанный с приложением, и убедиться, что URL-адрес начинается с 'https://stackoverflow.com/'., если вы простоиспользуйте «stackoverflow.com» в качестве URL, это показывает ошибку для URL.Как только из render выполняется onExecute () и в переменной res вы получаете токен recaptcha, который вы можете использовать для проверки recaptcha.и еще один момент: в реакции-нативной-recaptcha-v3 нет реквизита, подобного verifyCallback .Так что не используйте его.

Answer 2

Похоже, вы смотрите на React.js против React Native.Пакеты

React.js не предназначены для React Native.Думайте о React Native как о крайне специфической версии React.js, потому что он создан специально для мобильных устройств, в частности для Android и iOS.

Существуют пакеты, специфичные для React Native, такие как этот .

Я бы также подумал о взаимодействии с пользователем и о том, зачем вам нужна рекапча на телефоне.

Это не совсем идеальный пользовательский опыт, так как люди легко расстраиваются, когда у них плохие связи и они сдаются.