javascript - react-admin 列表仅显示一行

Question

我刚刚开始使用 react-admin .

以下是App.js文件

// App.js
import React from 'react';
import { Admin, Resource } from 'react-admin';
import jsonServerProvider from 'ra-data-json-server';

import { UserList } from './users';

const dataProvider = jsonServerProvider('http://localhost:3000/');

const App = () => (
    <Admin
        title={"Sample App"}
        dataProvider={dataProvider}
    >
        <Resource name="users" list={UserList} />
    </Admin>
);

export default App;

用户列表.js

// UserList.js
import React from 'react';
import { List, Datagrid, TextField, NumberField } from 'react-admin';

export const UserList = (props) => (
    <List
        {...props}
        sort={{ field: 'id', order: 'DESC' }}
        perPage={25}
    >
        <Datagrid>
            <TextField source="name" />
            <NumberField source="age" />
        </Datagrid>
    </List>
);

虽然页面大小设置为25，但每页只显示1条记录。我看到每个页面都从 API 中获取了所有 25 条记录。

如果我缺少任何内容，请帮助我。

Answer 1

确保您的 API 返回的 ID 字段名称为“id”。