React Native中Auth0认证成功后重定向至仪表盘页面的问题

看起来你目前的代码只实现了Token存储的逻辑，但缺少等待异步存储完成和存储后的重定向这两个关键步骤，这就是导致无法跳转到仪表盘的核心原因。下面我给你梳理修复方案，以React Native + React Navigation的场景为例（如果是Web项目，我也会补充对应调整方式）：

import AsyncStorage from '@react-native-async-storage/async-storage';
// 如果你用React Navigation，需要导航实例来跳转，类组件可通过props传入，函数组件用useNavigation hook获取

export async function login(credentials, navigation) {
  // 必须等待异步存储完成，确保Token已经写入AsyncStorage
  await saveItem('token', credentials.idToken);
  // 存储完成后执行重定向
  navigation.navigate('Dashboard');
}

export async function saveItem(item, selectedValue) {
  try {
    await AsyncStorage.setItem(item, selectedValue);
    console.log("Token已成功保存到本地");
  } catch (error) {
    console.error("Token保存失败：", error);
    // 这里可以添加错误提示，比如弹窗告知用户存储失败
  }
}

关键修改说明： #

• 把login改成async函数，用await等待saveItem完成：因为AsyncStorage的操作是异步的，如果不等待直接跳转，可能出现Token还没存好，仪表盘页面读取不到Token的问题
• 加入导航参数navigation：通过路由库的导航方法完成页面跳转，这里用的是React Navigation的navigate，如果是Web项目，可以换成window.location.href = '/dashboard'或者React Router的useNavigate()
• 给saveItem补充错误捕获：方便排查Token存储失败的情况，避免静默出错

额外提示： #

如果你的Auth0认证回调是单独的页面，记得在拿到credentials后，正确传入导航实例调用这个login函数；另外，建议在仪表盘页面初始化时，读取AsyncStorage里的Token做二次校验，确保用户是合法登录状态。

内容的提问来源于stack exchange，提问作者rasaq ganiu