updateProfile 不是 function (Firebase)

Question

我正在学习 React，但是当我注册用户（使用 createUserWithEmailAndPassword）并尝试更新 displayName 属性时，我收到错误消息“ user1.updateProfile is not a function ”。

我该如何解决这个错误？

我的代码：

const register = async (e) => {
        if (name.length == 0) {
            alert("name cannot be empty");
        } else {
            const userWithEmailAndPassword = await createUserWithEmailAndPassword(auth, email, password)
                .then((auth1) => {
                    const user1 = auth.currentUser;
                    user1.updateProfile({
                        displayName: name
                    });
                })
                .catch(error => alert(error.message))
            console.log(userWithEmailAndPassword);
        }
    }

Answer 1

The updateProfile function needs to be imported from Firebase Auth SDK directly when using the Modular SDK as shown below:

import { createUserWithEmailAndPassword, updateProfile } from "firebase/auth"

const register = async (e) => {
  if (name.length == 0) {
    alert("name cannot be empty");
  } else {
    const { user } = await createUserWithEmailAndPassword(auth, email, password)
    console.log(`User ${user.uid} created`)
    await updateProfile(user, {
      displayName: name
    });
    console.log("User profile updated")
  }
}