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;

UserList.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

你用过 - ＆gt; jsonServerProvider（＆＃39; http://localhost:3000/＆＃39）

你必须尝试jsonServerProvider（＆＃39; http://jsonplaceholder.typicode.com＆＃39;）;

或提供代码链接

Answer 2

确保您的API返回的ID字段名称是＆＃39; id＆＃39;。