Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/373.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Ra数据简单rest不工作|错误:total不是数字,newRecords.forEach不是函数_Javascript_Reactjs_Rest_React Admin - Fatal编程技术网

Javascript Ra数据简单rest不工作|错误:total不是数字,newRecords.forEach不是函数

Javascript Ra数据简单rest不工作|错误:total不是数字,newRecords.forEach不是函数,javascript,reactjs,rest,react-admin,Javascript,Reactjs,Rest,React Admin,我正在努力学习教程,现在我正处于必须实现的阶段 我自己的REST-API。我的格式与教程中描述的所需格式相同。 我的答复如下: 所需的格式如下所示: // { // data: [ // { id: 126, title: "allo?", author_id: 12 }, // { id: 127, title: "bien le bonjour", author_id: 12 }, // { id: 124, title: "good

我正在努力学习教程,现在我正处于必须实现的阶段 我自己的REST-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)总数不是一个数字,但邮递员说它是。(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>

);
//App.js
从“/logo.svg”导入徽标;
从“React”导入React;
从“react Admin”导入{Admin,Resource,ListGuesser};
从“ra数据简单rest”导入simpleRestProvider;
从“/App.css”导入样式;
从“/diagram”导入SimpleFlow;
从“/rules”导入{RuleList,PostList};
//http://jsonplaceholder.typicode.com'
const dataProvider=simpleRestProvider('http://localhost:3000/api');
常量应用=()=>
;
导出默认应用程序;
'

//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>

);
'

//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>

);
//rules.js
从“React”导入React;
从“react admin”导入{List,Datagrid,TextField,EmailField,DateField,Pagination};
导出常量规则列表=(道具)=>(
);

''''

可能您正试图在数据仍在提取时呈现数据渲染数据

问题在于数据样本格式,在这种情况下,它是一个对象,但需要是一个数组。像这样:

//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>

);
[
     { 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”和“success”属性,而在某些地方,它只需要数组。最后只是调整反应的问题。在我的例子中,我只是从响应中去掉了“total”,它工作得很好。

你能展示你如何阅读api响应的代码吗请展示你的尝试,这样我们可以帮助你找到哪里出了问题。在没有看到任何代码的情况下,我猜您正在尝试在APIM返回数据之前访问数据,只是在教程之后,所以我不认为我在做什么不寻常的事情。但我会把剩下的代码发出去