React中登录操作同步执行问题：async/await下Profile对象为空

你的代码里async/await已经保证了异步操作的顺序执行（step1完成后才会执行step2，step3必须等step2完成后才开始），但出现Profile为空和打印twitterProfile不对的问题，原因及解决办法如下：

1. Profile对象为空的排查与解决 #

可能原因1：getMyProfile()未正确关联刚登录的用户会话 #

部分Auth库的signIn方法返回user对象后，全局会话可能还未完全持久化，此时调用依赖全局会话的getMyProfile()会无法获取有效数据。

解决办法： #

• 检查getMyProfile的实现，改为传入刚登录用户的标识（比如user.id或user.token）拉取对应profile，避免依赖未就绪的全局会话：

  // 修改step3，传入user参数
  const profile = await getMyProfile(user.id); 
  

• 如果getMyProfile必须依赖全局会话，可在signIn后先确认会话就绪，再执行后续操作：

  const user = await Auth.signIn(email, password);
  // 等待会话完全写入
  await Auth.currentUserInfo(); 
  dispatch(login(user));
  const profile = await getMyProfile();
  

可能原因2：getMyProfile()自身逻辑异常 #

检查getMyProfile是否存在网络请求失败、未携带认证头的情况，可临时添加日志排查：

// 给getMyProfile加日志排查
const getMyProfile = async () => {
  try {
    const authToken = await Auth.getToken();
    const res = await fetch('/api/profile', {
      headers: { Authorization: `Bearer ${authToken}` }
    });
    const data = await res.json();
    console.log('getMyProfile返回数据:', data);
    return data;
  } catch (err) {
    console.error('getMyProfile请求失败:', err);
    throw err;
  }
};

2. step5打印twitterProfile为空的问题 #

dispatch(setTwitterProfile(profile))是同步执行的，但Redux的状态更新是异步触发组件重渲染的，执行完dispatch后，组件内的twitterProfile状态不会立刻更新。若要查看刚设置的profile，直接打印变量profile即可：

dispatch(setTwitterProfile(profile));
console.log('Twitter Profile: ', profile); // 用profile变量代替组件状态twitterProfile

修改后的完整代码示例 #

const handleSignIn = async () => {
  try {
    const user = await Auth.signIn(email, password); // step1
    // 确保会话就绪（按需添加）
    await Auth.currentUserInfo();
    dispatch(login(user)); // step2
    // 传入用户标识拉取profile（按需修改）
    const profile = await getMyProfile(user.id); // step3
    dispatch(setTwitterProfile(profile)); // step4
    console.log('Twitter Profile: ', profile);
    const userInfo = await Auth.currentUserInfo();
    console.log('User Info: ', userInfo);
    navigate('/home');
  } catch (error: any) {
    dispatch(logout());
    alert(error.message);
  }
};

内容的提问来源于stack exchange，提问作者0210vidit