javascript - 如何在React JS中不使用JavaScript提示来收集Firebase电话验证码

Question

此问题是此处答案的后续问题:Link Phone Number with Facebook and Gmail account in Firebase on Web

在答复中，短信代码是根据提示收集的。但我想知道如何使用自定义输入字段收集它。

谢谢。

Answer 1

提示的使用仅用于说明目的，并非推荐的流程。

result.user.linkWithPhoneNumber(phoneNumber, appVerifier)
    .then(function(confirmationResult) {
      // Show your UI where you ask user to input code.
      document.getElementById('codeInputForm').style.display = 'block';
      // Listen to code submit.
      document.getElementById('codeInputSubmit')
          .addEventListener('click', function() {
            // Get code and verify it is not empty.
            var code = document.getElementBydId('smsCode').value;
            if (!code) {
              return;
            }
            // Complete sign-in.
            confirmationResult.confirm(code)
              .then(function(result) {
                // Successful linking.
                gotoSuccessPage();
              })
              .catch(function(error) {
                // Handler error;
              });
          })
    })