如何在 Firebase 身份验证中设置用户名

Question

您好，如何在注册 Firebase 用户时设置用户名。我使用 firebase 身份验证 API。我考虑过 try / catch 块并设置用户属性，如

const user = auth.currentUser;
user.name = 'John123'

可能吗？

const onSubmitHandler = (e: React.FormEvent<HTMLFormElement>) => {
        e.preventDefault()
        createUserWithEmailAndPassword(auth, email, password)
        
        
    }

Answer 1

Firebase 身份验证对每个用户都有一个显示名称，可以是您想要的任何名称。要设置它，请调用 updateProfile，如 updating the user's profile:

上的文档所示

await createUserWithEmailAndPassword(auth, email, password);
updateProfile(auth.currentUser, {
  displayName: "John123"
})

Answer 2

是完整的解决方案

 const onSubmitHandler = (e: React.FormEvent<HTMLFormElement>) => {
        e.preventDefault()
        const createUser = async ( ) => {
            await createUserWithEmailAndPassword(auth, email, password)
            updateProfile(auth.currentUser!, {
            displayName: "John123" // it can be a value of an input
          })
        }
        createUser()
    }

如何在 Firebase 身份验证中设置用户名

How to set username in Firebase auth

javascript

reactjs

firebase-authentication