Firebase电话认证中的reCAPTCHA回调存在问题-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

Firebase电话认证中的reCAPTCHA回调存在问题

P粉681400307 2024-03-28 13:22:15

[JavaScript讨论组]

612

我正在尝试在我的NextJS网站中实现电话验证，并且我已经在我的useEffect中添加了reCAPTCHA代码，但是当点击具有该id的按钮时，它并没有被触发。也没有错误。以下是reCAPTCHA代码：

window.recaptchaVerifier = new RecaptchaVerifier('btnPersonalInfoSubmit', {
                    'size': 'invisible',
                    'callback': (response) => {
                        console.log(response);
                      handlePersonalInfoUpdate();
                    },
                    'expired-callback': () => {
                        console.log('expired');
                    },
                    'error-callback': (error) => {
                        console.log(error);
                    }
                }, auth);

没有输出。有什么原因吗？

P粉681400307

全部回复(1)

P粉7207169342024-03-29 11:41:37 1楼

I figured it out.

I had to add window.recaptchaVerifier.render() at the end. Final code:

if (!window.recaptchaVerifier) {
                    window.recaptchaVerifier = new RecaptchaVerifier('btnPersonalInfoSubmit', {
                        'size': 'invisible',
                        'callback': (response) => {
                            handlePersonalInfoUpdate();
                        },
                        'expired-callback': () => {
                            console.log('expired');
                        },
                        'error-callback': (error) => {
                            console.log(error);
                        }
                    }, auth);
                    window.recaptchaVerifier.render()
                }

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>