React Native 实现多账户切换时如何更新对应用户数据

第一步：先做存储层的账户隔离 #

首先要在持久化层（推荐用MMKV，性能比AsyncStorage好很多）实现所有账户数据的隔离存储，不要把用户数据存在全局单例的key下：

• 已登录账户的基础信息统一存在loggedInAccounts节点下，结构参考：

{
  activeId: "u_123456", // 当前激活的账户ID
  list: {
    "u_123456": {
      id: "u_123456",
      username: "user1",
      avatar: "https://xxx/avatar1.jpg",
      authToken: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...",
      // 其他基础账户信息
    },
    "u_789012": {
      id: "u_789012",
      username: "user2",
      avatar: "https://xxx/avatar2.jpg",
      authToken: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...",
    }
  }
}

• 所有账户专属的业务数据（个人主页信息、首页Feed、草稿、浏览记录）的存储key都要绑定账户ID，比如u_123456_home_feed、u_789012_draft_post，避免数据串用。

第二步：切换账户的核心逻辑 #

不管你用Redux、Zustand、MobX还是Context做状态管理，switchAccount方法都按下面的顺序执行：

1. 持久化当前账户的临时数据：把当前激活账户的未保存草稿、临时浏览进度等数据写入对应绑定ID的持久化节点，避免切换后数据丢失
2. 清空残留状态+取消未完成请求：清空全局状态中所有用户专属的业务数据，同时批量取消当前所有未完成的用户相关请求（用Axios的CancelToken或者AbortController实现），防止旧请求返回后更新到新账户的状态里，同步重置路由栈到登录后的默认页面，避免旧账户的页面残留
3. 更新基础账户信息：替换全局请求拦截器中的授权token为目标账户的token，更新全局状态中的currentUser字段为目标账户的基础信息
4. 加载目标账户数据：先读取目标账户的缓存业务数据做占位渲染，同时触发接口请求拉取最新的用户数据，更新到全局状态
5. 更新激活标识：修改持久化存储中的activeId为目标账户的ID，保证APP冷启动时能直接加载当前激活账户的数据

常见避坑点 #

• 不要只替换授权token就完成切换，90%以上的数据串号问题都是因为旧账户的状态没有清空导致的
• 不要把所有账户的业务数据都存在全局状态里，只存当前激活账户的数据即可，避免内存占用过高
• 公共数据（比如系统配置、静态资源缓存、非用户专属的公共内容）不需要做账户隔离，单独存在公共存储节点即可

内容的提问来源于stack exchange，提问作者Sanjay Kochrekar