Question

我正在组建一个管理员休息仪表板，我有资源与后端MongoDB数据库交谈，相应的数据显示在我的前端，一切看起来都很好。只有一个问题：分页不起作用。我制作了100个模拟数据记录，它们都在第一页上加载，即使页面底部的分页指示器正确显示了A-o-R默认的10个记录/页面的10页。

以下是启动仪表板的整个App.tsx的要点（约50行，因此分流到链接）：https://gist.github.com/tmesser/39627e3170cdb5c6481526bbe8b08a33

为了解释一下，状态的东西现在根本没有接线，不应该做任何事情，但代码行存在并且表面上可能导致问题，所以我包括整个事情以便不不小心隐藏了什么。

同样为了完成，这里引用了UserList.tsx代码：

import * as React from 'react';
import { List, Datagrid, TextField, EmailField, DateField } from 'admin-on-rest';

const UserList = (props) => (
  <List {...props} title="All Contacts" perPage={10} sort={{field:"created_at", order:"DESC"}}>
      <Datagrid>
          <TextField label="Id" source="id" />
          <TextField label="First Name" source="first_name" />
          <TextField label="Last Name" source="last_name" />
          <TextField label="IP Address" source="ip_address"/>
          <EmailField source="email" />
          <DateField label="Created On" source="created_at"/>
      </Datagrid>
  </List>
);

export default UserList;

Admin-on-Rest数据网格没有加载Typescript / React的分页

0 个答案: