firebase reinitialize recaptcha zur Verwendung mit anderen Callbacks

Question

Wie Firebase neu zu initialisieren -> recaptcha (bereits geladen und initialisiert) mit anderen Callbacks zu verwenden?

function my_recaptcha(my_success_callback,my_expired_callback){ 

    window.recaptchaVerifier = new firebase.auth.RecaptchaVerifier('id_container_recaptcha', { 
     'size': 'invisible', 
     'callback': function(response) { 
      // reCAPTCHA solved, allow user to do action. 
      // ... 
      my_success_callback.call(this,arguments); 
     }, 
     'expired-callback': function() { 
     // Response expired. Ask user to solve reCAPTCHA again. 
     // ... 
      my_expired_callback.call(this,arguments); 
     } 

    }); 
} 

Wenn ich einige ähnliche versuchen

my_recaptcha(function(){ 
    console.log('SUCCES 1') 
},function(){ 
    console.log('EXPIRED 1') 
}) 

my_recaptcha(function(){ 
    console.log('SUCCES 2') 
},function(){ 
    console.log('EXPIRED 2') 
}) 

ich diesen Fehler habe:

Uncaught Error: ReCAPTCHA has already been rendered in this element

Auch wenn ich versuche, vor grecaptcha.reset(window.recaptchaWidgetId);

Answer 1

Um einen reCAPTCHA in der neu zu instanziiert gleichen Element-Container, müssen Sie es zuerst löschen: https://firebase.google.com/docs/reference/js/firebase.auth.RecaptchaVerifier#clear

Damit können Sie einen neuen reCAPTCHA wiederherstellen. window.recaptchaVerifier.clear()