Ra-data-simple-rest is not working | ERROR: total is not a number and newRecords.forEach is not a function

Question

我正在尝试按照教程进行操作，现在我正处于必须实施的部分我自己的 REST-API。我的格式与教程中描述的所需格式相同。这是我的回复：The response from my API

所需的格式如下所示：

// {
//     data: [
//         { id: 126, title: "allo?", author_id: 12 },
//         { id: 127, title: "bien le bonjour", author_id: 12 },
//         { id: 124, title: "good day sunshine", author_id: 12 },
//         { id: 123, title: "hello, world", author_id: 12 },
//         { id: 125, title: "howdy partner", author_id: 12 },
//     ],
//     total: 27
// }

但出于某种原因，我总是得到这样的错误：(1) total 不是数字，但邮递员说是。并且 (2) newRecords.forEach 不是函数。

´´´

//App.js
import logo from './logo.svg';
import React from 'react';
import { Admin, Resource, ListGuesser } from 'react-admin';
import simpleRestProvider from 'ra-data-simple-rest';
import styles from './App.css';
import SimpleFlow from './diagramm';
import { RuleList, PostList} from './rules';

//http://jsonplaceholder.typicode.com'
const dataProvider = simpleRestProvider('http://localhost:3000/api');
const App = () =>
    <Admin dataProvider={dataProvider} dashboard={SimpleFlow}>
        <Resource name="rules" list={RuleList} />
    </Admin>;

export default App;

´´´

//rules.js
import React from 'react';
import { List, Datagrid, TextField, EmailField, DateField, Pagination } from 'react-admin'; 

export const RuleList = (props) => (
    <List {...props} perPage={25}>
        <Datagrid rowClick="edit">
            <TextField source="id" />
            <TextField source="Bezeichnung" />
        </Datagrid>
    </List>

);

´´´

Answer 1

也许您正在尝试在数据仍在获取时呈现数据。 && 渲染数据

Answer 2

问题出在你的数据样本格式上，在那种情况下你的API respose它是一个对象，但它需要是一个数组。像这样：

[
     { id: 126, title: "allo?", author_id: 12 },
     { id: 127, title: "bien le bonjour", author_id: 12 },
     { id: 124, title: "good day sunshine", author_id: 12 },
     { id: 123, title: "hello, world", author_id: 12 },
     { id: 125, title: "howdy partner", author_id: 12 }
]

Answer 3

问题是文档有点混乱。在某些地方它说它想要响应中的“总计”和“成功”属性，而有些地方只是数组。最后只是调整响应的问题。在我的例子中，我只是从响应中去掉了“总计”，它工作得很好。

Ra-data-simple-rest is not working | ERROR: total is not a number and newRecords.forEach is not a function

Ra-data-simple-rest is not working | ERROR: total is not a number and newRecords.forEach is not a function

javascript

rest

reactjs

react-admin