ReactJS Firebase更新用户资料后currentUser未同步最新数据问题

调用updateProfile更新用户资料后，Firebase Auth 不会自动刷新本地缓存的currentUser对象，此时直接读取auth.currentUser拿到的始终是本地缓存的旧数据，必须主动触发数据拉取才能拿到最新值。
你代码里重复读取auth.currentUser的操作没有触发服务端数据同步，自然拿不到更新后的displayName、photoUrl字段。

核心需要在updateProfile执行成功后，主动调用currentUser.reload()方法，该方法会从Firebase认证服务端拉取最新的用户数据，覆盖本地缓存的currentUser对象，之后再读取就能拿到最新值。
另外你原有代码存在Promise链式调用未等待的时序问题，异步逻辑没有正确串联，容易出现执行顺序错乱。

修正后的updateUser实现 #

async function updateUser(updateUserId, displayName, photoUrl) {
  const auth = getAuth();
  const currentUser = auth.currentUser;
  if (!currentUser) {
    setUser(null);
    setAccessToken(null);
    store.dispatch(saveUser(null));
    return;
  }

  try {
    // 1. 先更新Firebase侧的用户profile
    await updateProfile(currentUser, {
      displayName: displayName,
      photoURL: photoUrl // 注意官方字段名是photoURL，大写URL，小写传参会导致字段不匹配
    });
    // 2. 关键操作：主动拉取最新用户数据，刷新本地缓存
    await currentUser.reload();
    // 3. 刷新后重新读取currentUser，此时拿到的是最新值
    const latestUser = auth.currentUser;
    // 4. 执行自定义业务库更新逻辑
    const updatedUser = await updateCurrentUser(updateUserId, displayName, photoUrl);
    if (updatedUser) {
      setUser(latestUser);
      // 强制刷新idToken，保证token内的信息同步
      const newToken = await latestUser.getIdToken(true);
      setAccessToken(newToken);
      store.dispatch(saveUser(latestUser));
    } else {
      setUser(null);
      setAccessToken(null);
      store.dispatch(saveUser(null));
    }
  } catch (error) {
    throw error;
  }
}

• Firebase Auth用户资料的头像字段官方命名为photoURL（URL三个字母全大写），如果你之前用小写photoUrl传参，会出现字段写入不生效的问题，需要核对字段名
• 如果你需要全局监听用户状态变化，也可以用onAuthStateChanged订阅用户状态，reload完成后订阅回调会自动拿到最新的用户对象，适合跨组件同步用户信息的场景
• 不要在同一个函数里重复多次调用getAuth()，复用同一个auth实例即可，减少无意义的函数调用

内容的提问来源于stack exchange，提问作者Alex Aung