如何在Firebase auth中設置用戶名

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 ，如有關更新用戶配置文件的文檔中所示：

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

Answer 3

   const result = await createUserWithEmailAndPassword(
    auth,
    email,
    password
  );

  await updateProfile(result.user, {
    displayName: username,
  });