我正在尝试为我的 API 创建自定义数据提供程序。我能够登录和 GET_LIST 但无法处理接收到的数据。我已经调整了 API 响应所需的输出格式,并且还包含了 Content-Range 标头。
使用 Postman 返回所有标头,但它们似乎在我在 convertHTTPResponse 方法中收到的“响应”中丢失。
由于标题是空的,列表不会出现并显示错误:
警告:缺少键的翻译:“无法读取未定义的属性‘hasOwnProperty’”
对于经过试验的开发人员来说,这当然是显而易见的事情,请帮忙!
编辑:通过在转换 res.json() 之前保存标题来修复它
myDataProvider.js
export default (apiUrl, httpClient = fetchUtils.fetchJson) => {
let url = '';
const token = localStorage.getItem('token');
const options = {
headers: new Headers({
Accept: 'application/json',
Authorization: 'Bearer ' + token
}),
};
switch (type) {
case GET_LIST:
{
const {
page,
perPage
} = params.pagination;
const {
field,
order
} = params.sort;
const query = {
sort: JSON.stringify([field, order]), …Run Code Online (Sandbox Code Playgroud) 如何显示“ReferenceManyField”组件的计数?
事情是这样的,我列出了组织,我希望每个组织都有他们的用户数。
获取组织:
GET /organizations?filter={}&range=[0,24]&sort=["name","ASC"]
Run Code Online (Sandbox Code Playgroud)
获取每个组织的用户:
...
GET /users?filter={"uuid_organization":"1117b0a0-6ec7-40e3-9ee6-49d121c27111"}&range=[0,99]&sort=["email","ASC"]
...
Run Code Online (Sandbox Code Playgroud)
<List
{...props}
filters={<OrganizationFilter />}
sort={{ field: 'name', order: 'ASC' }}
perPage={25}
>
<Responsive
xsmall={<MobileGrid />}
medium={
<Datagrid expand={<OrganizationShow />}>
<OrganizationLinkField />
<ReferenceManyField label="Users" reference="users" target="uuid_organization" sort={{ field: 'email', order: 'ASC' }}>
// PRINT: 102 users
</ReferenceManyField>
<EditButton />
</Datagrid>
}
/>
</List>
Run Code Online (Sandbox Code Playgroud)
我不确定我是否应该这样做,这似乎效率低下且矫枉过正。你认为呢?
提前致谢。
react-admin ×2