如何在React JS中不使用JavaScript提示符收集Firebase手机验证代码

这个问题是以下答案的后续：

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

---

谢谢。

使用提示符只是为了说明，而不是推荐的流程

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;
              });
          })
    })

---

发布您的代码，以便我们可以帮助您她是我代码的链接：