Reactjs 在表格中显示具有自定义声明的用户状态

我在Reaction中创建了一个admin用户界面，其中显示了一个用户列表，一个名为"Role"的列显示了该用户(在本例中为admin)的自定义声明

如果用户具有"admin"自定义声明，则在单元格中显示"Admin"，否则显示"User"

  const rows =
    users &&
    users?.data.map(user => ({
      name: user.displayName || '',
      email: user.email,
      uid: user.uid,
      role: 'User',
    }));

role属性在这里是硬编码的.

在这里，我循环遍历来自List All Users函数的users:

// List all users
exports.listUsers = functions.https.onCall((data, context) => {
  return admin
    .auth()
    .listUsers()
    .then(listUsersResult => {
      const result = listUsersResult.users.map(user => {
        const { uid, email, displayName } = user;
        return { uid, email, displayName };
      });

      return result;
    })
    .catch(error => {
      return { error: 'Error listing users' };
    });
});

如何集成此功能，使其在表格中显示正确的状态？

// Lookup the user associated with the specified uid.
getAuth()
  .getUser(uid)
  .then((userRecord) => {
    // The claims can be accessed on the user record.
    console.log(userRecord.customClaims['admin']);
  });

我如何为表中的每一行调用它？ 可以从所有用户功能的同一列表中访问索赔吗？