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()

。最終程式碼： 雷雷