React-Admin对接Express API遇GET_LIST格式错误，求协助排查

看起来你遇到的问题是react-admin的数据提供者和你的Express后端返回格式不兼容导致的，我来帮你理清原因和解决方案：

问题根源 #

如果你使用的是react-admin官方的ra-data-simple-rest数据提供者（这是最常用的默认选择），它对GET_LIST请求的响应格式有明确要求：

• 默认期望后端直接返回数据数组，而不是包裹在data字段里的对象
• 总数信息通过Content-Range响应头传递，而不是返回体里的total字段

你的后端现在返回的是{ data: [...], total: 10 }这种结构，react-admin会把整个对象当成GET_LIST需要的data值，自然会判定它不是数组，从而抛出那个错误。

两种解决方案 #

方案1：修改Express后端，适配默认的Simple REST格式

直接返回用户数组，同时保留正确的Content-Range头（这个头是react-admin用来处理分页的关键）：

app.get('/users', (req, res) => {
  const users = db.get('users').value();
  // Content-Range格式：{资源名} {起始索引}-{结束索引}/{总数量}
  res.set('Content-Range', `users 0-${users.length - 1}/324`); // 这里用你实际的总用户数324
  res.set('Access-Control-Expose-Headers', 'Content-Range');
  res.send(users); // 直接返回数组，不需要包裹在对象中
});

方案2：自定义dataProvider，适配现有后端格式

如果你不想修改后端代码，可以在前端自定义dataProvider的getList方法，让它能正确解析你后端返回的结构：

import { simpleRestProvider } from 'ra-data-simple-rest';

// 先初始化默认的simple rest provider
const baseDataProvider = simpleRestProvider('http://你的API地址');

// 自定义getList逻辑
const customDataProvider = {
  ...baseDataProvider,
  getList: (resource, params) => {
    return baseDataProvider.getList(resource, params)
      .then(response => {
        // 从后端返回的对象中提取data数组和total总数
        return {
          data: response.data.data,
          total: response.data.total
        };
      });
  }
};

// 然后在Admin组件中使用这个customDataProvider
<Admin dataProvider={customDataProvider}>
  {/* 你的资源配置 */}
</Admin>

额外提示 #

如果你是自己手写的dataProvider，一定要确保getList方法最终返回的Promise解析结果是{ data: 数组类型数据, total: 数字类型总数 }这个结构，这是react-admin对GET_LIST响应的统一要求。

内容的提问来源于stack exchange，提问作者s-leg3ndz