列表中的 React-admin 排序无法按预期工作

问题描述

在我的 react-admin 项目中，我有一个简单的列表。不幸的是，当我单击列标题时，排序不起作用。出现箭头动画并且 URL 得到更新，但排序不会应用于列表。为什么会发生这种情况？

List.tsx

export const List = (props) => {
   return (
          <List {...props} bulkActionButtons={false}>
                 <Datagrid rowStyle={postRowStyle}>
                        <TextField source="number" sortBy="number" />
                        <TextField source="salutation" label="Salutation" sortBy="salutation" />
                        <TextField source="firstname" label="Firstname" sortBy="firstname" />
                        <TextField source="lastname" label="Lastname" sortBy="lastname" />
                        <EmailField source="email" label="Email" sortBy="email" />
                        <FunctionField render={record => `${record.street} ${record.housenumber}`} label="Street" sortBy="street"/>
                 </Datagrid>
          </List>
   );
}

CustomDataProvider.ts

const CustomDataProvider = (apiUrl,httpClient = fetchUtils.fetchJson): DataProvider => ({
 getList: (resource,params) => {
 const {page,perPage} = params.pagination;
 const {field,order} = params.sort;

 const query = {
   ...fetchUtils.flattenObject(params.filter),sort: JSON.stringify([field,order]),_start: (page - 1) * perPage,_end: page * perPage,};
 const url = `${apiUrl}/${resource}?${stringify(query)}`;

 return httpClient(url).then(({headers,json}) => {
   if (!headers.has('x-total-count')) {
     throw new Error(
       '...'
     );
   }

   return {
     data: json.map(function (data) {
       return {...data,id: data.nummer}
     }),total: parseInt(
       headers.get('x-total-count').split('/').pop(),10
     ),};
 });
},

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

list list react-admin