React-admin中useGetIdentity无法获取登录用户ID求助

问题根源 #

你的useGetIdentity拿到的identity里id为undefined，核心原因是存储到localStorage的auth对象中没有顶层的id字段，或者后端登录接口返回的用户ID字段名不是id（比如嵌套在user.id下），而React-admin默认从auth对象的顶层id字段读取用户ID。

具体排查与修复步骤 #

1. 确认后端登录接口返回的数据结构 #

在login函数中添加日志，查看LoopBack4返回的auth数据结构：

.then((auth) => {
  console.log('后端登录返回数据:', auth); // 打印结构确认
  localStorage.setItem(
    'auth',
    JSON.stringify({ ...auth, fullName: username }),
  );
})

LoopBack4登录接口通常返回的结构类似：

{
  "accessToken": "xxxxxx",
  "user": {
    "id": 1001,
    "email": "xxx@xxxxx.com"
  }
}

此时id嵌套在user对象下，直接存储...auth的话，顶层没有id字段，导致useGetIdentity读取不到。

2. 修复登录时存储的auth对象结构 #

修改login函数中存储到localStorage的内容，把用户ID提取到顶层：

.then((auth) => {
  localStorage.setItem(
    'auth',
    JSON.stringify({ 
      id: auth.user.id, // 从user对象中取出ID放到顶层
      fullName: username,
      ...auth // 保留token等其他字段
    }),
  );
})

如果后端返回的用户ID字段名不是id（比如userId），对应改成auth.user.userId即可。

3. （可选）自定义authProvider的getIdentity方法 #

如果不想修改存储结构，可在authProvider中添加getIdentity方法，手动指定ID提取逻辑：

// 在authProvider对象中新增该方法
getIdentity: () => {
  const auth = JSON.parse(localStorage.getItem('auth'));
  if (!auth) {
    return Promise.reject('未登录');
  }
  return Promise.resolve({
    id: auth.user.id, // 对应你的auth数据中ID的实际位置
    fullName: auth.fullName,
    avatar: auth.avatar || undefined
  });
},

React-admin会优先使用自定义的getIdentity方法获取用户身份信息。

4. 验证后端是否返回用户ID #

若上述操作后仍无ID，需检查LoopBack4登录接口配置，确保返回的用户信息包含ID字段。可在User模型中确认id字段可暴露，或调整登录接口的返回逻辑，让它返回完整的用户信息。

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