我正在尝试使用ra-data-simple-rest 数据提供程序。
import React from 'react';
import { Admin, fetchUtils, Resource } from 'react-admin';
import simpleRestProvider from 'ra-data-simple-rest';
import { PostList } from './Posts';
const dataProvider = simpleRestProvider('http://localhost:8000');
const App = () => (
<Admin dataProvider={dataProvider}>
<Resource name="posts" list={PostList} />
</Admin>
);
export default App;
Run Code Online (Sandbox Code Playgroud)
react-admin 监听http://localhost:3000/#/posts
Api 正在运行:http://localhost:8000/posts返回响应为。
$response = new JsonResponse($output);
$response->headers->set('Content-Range', 'posts 0-0/5');
$response->headers->set('Access-Control-Expose-Headers', 'Content-Range');
$response->headers->set('Access-Control-Allow-Origin', '*');
$response->headers->set("Access-Control-Allow-Headers", "Content-Type, Accept, X-Requested-With");
Run Code Online (Sandbox Code Playgroud)
它返回一些东西
{
"data": [
{
"id": "1",
"title": "Hello world",
"body": "Hello world"
},
{
"id": "2",
"title": "Hello world",
"body": "Hello world"
}
],
"total": 2
}
Run Code Online (Sandbox Code Playgroud)
我收到一个错误
'GET_LIST' 的响应必须类似于 { data : [...] },但接收到的数据不是数组。'GET_LIST' 的 dataProvider 可能是错误的
如果data密钥被删除为
[
{
"id": "1",
"title": "Hello world",
"body": "Hello world"
},
{
"id": "2",
"title": "Hello world",
"body": "Hello world"
}
]
Run Code Online (Sandbox Code Playgroud)
正在得到结果。
最后我明白这是按反应管理员的预期工作的。
问题出在我注意到的文档中
这让我很困惑。
深入 了解https://github.com/marmelab/react-admin/blob/1b6967f3367b13a6675de7047bd9385dc36a8db5/packages/ra-data-simple-rest/src/index.js#L118我知道数据是由提供商重建的。
| 归档时间: |
|
| 查看次数: |
3723 次 |
| 最近记录: |