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

Question

我正在尝试在我的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);

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

Answer 1

＃＃＃我想到了。＃＃＃

我必须在末尾添加

window.recaptchaVerifier.render()

。最终代码： 雷雷