如何在react中使用firebase phone auth验证后获得用户电话号码

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