Google recaptcha invisible 有时仍然需要解决挑战

问题描述

我在使用 google recaptcha 时遇到问题。 我的页面正在使用 ReactJS。我正在使用 react-google-recaptcha 在页面中实现 recaptcha。这是我的 google recaptcha 组件：

import * as React from 'react';
import ReCAPTCHA from 'react-google-recaptcha';

const SITE_KEY = process.env.RECAPTCHA_SITE_KEY;

type Props = {
  asyncScriptOnLoad?: () => void;
  size?: 'compact' | 'normal' | 'invisible';
  theme?: 'light' | 'dark';
};

const GoogleRecaptcha = React.forwardRef<any,Props>(
  ({asyncScriptOnLoad,size = 'invisible',theme = 'light'},ref) => {
    return (
      <ReCAPTCHA
        style={{display: 'inline-block',visibility: 'hidden'}}
        theme={theme}
        sitekey={SITE_KEY}
        asyncScriptOnLoad={asyncScriptOnLoad}
        ref={ref}
        size={size}
      />
    );
  },);

export default GoogleRecaptcha;

它工作得很好，但有时，它需要解决验证码挑战。如下图

google recaptcha 有什么问题。我该如何修复它！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）