使用Firebase电话身份验证进行反应后，如何获取用户电话号码

Question

import React from "react";
import StyledFirebaseAuth from 'react-firebaseui/StyledFirebaseAuth';
import firebase from "firebase";
import './firebaseui-styling.global.css';

const config = {
  // My firebase config
};

firebase.initializeApp(config);



const PhoneVerification = () => {

    const uiConfig = {
        signInFlow: 'popup',
        signInOptions: [
            {
                provider: firebase.auth.PhoneAuthProvider.PROVIDER_ID,
                recaptchaParameters: {
                    type: 'image',
                    size: 'invisible',
                    badge: 'bottomleft'
                },
                defaultCountry: '+91',
                whitelistedCountries: ['IN', '+91']
            }
        ],
    }

    return (
        <div>
            <StyledFirebaseAuth uiConfig={uiConfig} firebaseAuth={firebase.auth()} />
        </div >
    )
}

export default PhoneVerification

如何将用户输入的电话号码存储在数据库中，而我仅将其用于验证而不是对用户进行身份验证

Answer 1

您将在用户对象中获取电话号码

 callbacks: {            
                signInSuccessWithAuthResult: function (authResult) {
                    var user = authResult.user;
                    console.log(user.phoneNumber)
                }
            }