使用“休息管理员”显示嵌套数据

Question

我有以下格式的数据 -

{
  "categories": [
  {
    "id": "1",
    "code": "TESTCODE001",
    "name": "TESTCODE001",
  "subcategories": [
    {
      "id": "11",
      "code": "TESTCODE0002",
      "name": "TESTCODE0002",
      "subcategories": []
    }
  ]
}

我无法显示子类别。我尝试使用ReferenceArrayField但我无法使用它，因为类别和子类别是从同一个 API 获取的。还尝试使用自定义组件来显示子类别，这也是不可能的，因为当我单击子类别时它会显示编辑表单。

我写的代码-分类.js

export const CategoryList = (props) => (
    <List title="All categories"  {...props} >
        <Datagrid>
             <TextField source="code" />
             <TextField source="name" />
             <TextField source="id" />
             <LinkToRelatedSubcategories/>
             <EditButton />
        </Datagrid>
     </List>
);

链接到相关子类别.js

const LinkToRelatedSubcategories = ({ record, translate }) => (
    <FlatButton
        primary
        label='Subcategories'
        containerElement={<Link params={{ testvalue: "hello" }}
            to={{
                pathname: '/category/categoryId',
            }}
        />}
    />
);

任何帮助将不胜感激。

Answer 1

这也是不可能的，因为当我单击子类别时，它会显示编辑表单。

对于显示页面，您可以使用： /category/categoryId/show

也许您可以使用react-admin而不是admin-on-rest.它是新版本，现在处于候选发布模式。它有 https://marmelab.com/react-admin/Fields.html#arrayfield 和 https://marmelab.com/react-admin/Inputs.html#arrayinput