Reactjs 使用'admin on rest'显示嵌套数据`
我有以下格式的数据-Reactjs 使用'admin on rest'显示嵌套数据`,reactjs,admin-on-rest,Reactjs,Admin On Rest,我有以下格式的数据- { "categories": [ { "id": "1", "code": "TESTCODE001", "name": "TESTCODE001", "subcategories": [ { "id": "11", "code": "TESTCODE0002", "name": "TESTCODE0002", "subcategories": [] } ] } 我无
{
"categories": [
{
"id": "1",
"code": "TESTCODE001",
"name": "TESTCODE001",
"subcategories": [
{
"id": "11",
"code": "TESTCODE0002",
"name": "TESTCODE0002",
"subcategories": []
}
]
}
我无法显示子类别。我尝试过使用ReferenceArrayField
,但无法使用它,因为类别和子类别都是从同一个API获取的。还尝试使用自定义组件显示子类别,这也是不可能的,因为当我单击子类别时,它会显示编辑表单
我写的代码-
categories.js
export const CategoryList = (props) => (
<List title="All categories" {...props} >
<Datagrid>
<TextField source="code" />
<TextField source="name" />
<TextField source="id" />
<LinkToRelatedSubcategories/>
<EditButton />
</Datagrid>
</List>
);
const LinkToRelatedSubcategories = ({ record, translate }) => (
<FlatButton
primary
label='Subcategories'
containerElement={<Link params={{ testvalue: "hello" }}
to={{
pathname: '/category/categoryId',
}}
/>}
/>
);
export const CategoryList=(props)=>(
);
LinkToRelatedSubcategories.js
export const CategoryList = (props) => (
<List title="All categories" {...props} >
<Datagrid>
<TextField source="code" />
<TextField source="name" />
<TextField source="id" />
<LinkToRelatedSubcategories/>
<EditButton />
</Datagrid>
</List>
);
const LinkToRelatedSubcategories = ({ record, translate }) => (
<FlatButton
primary
label='Subcategories'
containerElement={<Link params={{ testvalue: "hello" }}
to={{
pathname: '/category/categoryId',
}}
/>}
/>
);
constlinktorelatedsubcategories=({record,translate})=>(
);
我们将非常感谢您的帮助
这也是不可能的,因为当我单击子类别时,它会显示编辑表单
对于显示页面,您可以使用:/category/categoryId/show
也许您可以在rest上使用而不是
admin
。它是新版本,现在处于发布候选模式。感谢您的回复。使用/category/categoryId/show
,我只能获得类别的详细信息。如何获取子类别的详细信息?您可能应该从类别中删除子类别,并在类别中添加可选的parentCategoryId
。这样,您仍然可以识别顶级类别,只需使用ReferenceInput
和ReferenceField
谢谢您的回复。我无法更改API响应。在这种情况下,您必须为您的用例创建自定义组件。请编辑我的回答,以提及react admin,它应允许此用例