如何解决React admin ResourceContextProvider 未在 List 组件中注入 feteched 数据
我非常需要一些关于 react admin ResourceContextProvider 和 List 组件的帮助。花了我整个周末,风格都没有效果:(。我对新的可能性感到非常兴奋,这是关于 ResourceContextProvider 和 List 组件的最后一次反应管理员发布。不幸的是,它对我不起作用。 ResourceContextProvider 应该有助于在任何地方显示 List 组件。
所以我的代码是:
我定义了一个自定义路由,以便像这样重定向到我的列表:
export default [
<Route
path="/api/camp/getListEtiq/:id/non_charge"
render={(routeProps) => <ListEtiquette id={routeProps.match.params.id} {...routeProps} />}
/>
];
我的礼仪清单是这样定义的:
const ListEtiquette = (props) => {
const path = 'camp/getListEtiq/' + props.id + '/non_charge';
const basePath = '/' + path;
return (
<ResourceContextProvider value={path} >
<List syncWithLocation basePath={basePath} title="Liste des colis">
<Datagrid>
<TextField source="id" />
<TextField source="numCodeEtiq" />
</Datagrid>
</List>
</ResourceContextProvider>
);
}
export default ListEtiquette;
我的数据提供者 getList 是:
getList: (resource,params) => {
const { page,perPage } = params.pagination;
const { field,order } = params.sort;
const query = {
...fetchUtils.flattenObject(params.filter),_sort: field,_order: order,_start: (page - 1) * perPage,_end: page * perPage,_resource:resource
};
const url = `${apiUrl}/${resource}?${stringify(query)}`;
return httpClient(url).then(({ headers,json }) => {
if (!json.hasOwnProperty('totalElements')) {
throw new Error(
"The numberOfElements property must be must be present in the Json response"
);
}
console.log(json.content);
return {
data: json.content,total: parseInt(json.totalElements,10)
};
});
}
结果当我重定向到这个页面时,数据被获取:
{
"content": [
{
"id": 1,"numCodeEtiq": "1/6-CG001"
},{
"id": 2,"numCodeEtiq": "2/6-CG001"
},{
"id": 3,"numCodeEtiq": "3/6-CG001"
},{
"id": 4,"numCodeEtiq": "4/6-CG001"
},{
"id": 5,"numCodeEtiq": "5/6-CG001"
},{
"id": 6,"numCodeEtiq": "6/6-CG001"
},{
"id": 7,"numCodeEtiq": "1/2-CG002"
},{
"id": 8,"numCodeEtiq": "2/2-CG002"
}
],"totalElements": 8
}
但是不显示list元素!!,List组件中没有注入数据。 (在下面的链接中查看列表的显示方式)。
React admin List component is not displaying list élementts
当我点击导出按钮时,数据被导出:
The data which is expored when i click on export button
任何帮助或提示将不胜感激。
React 管理员版本:3.12.1
React 管理员参考:https://marmelab.com/react-admin/List.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。