使用react-admin，如果数据对象具有深度，如何从<Datagrid>中的字段访问它

问题描述

我正在使用 “ react”：“ ^ 16.13.1”， “ react-admin”：“ ^ 3.6.0”，

，我曾经访问下面的数据。可行！

<Datagrid>
              <TextField source="product.no" label="Product ID" />
              <TextField source="productModelPiName" label="Product Model(PI)" />
              <TextField source="version" label="Product Version" />
              <TextField source="inStock" label="In stock" />
              <TextField source="outOfStock" label="Out of stock" />
              <TextField source="disposal" label="disposal" />
</Datagrid>

但服务器响应已更改。
所以我需要像<TextField source = product.di.productModelPiName />这样访问 但这不起作用。
在这种情况下，如何使用react-admin？

解决方法

您已经在粘贴的代码片段中找到了查询的答案： 例如，如果您有一个提供JSON响应的API，例如：

[{
    "product": {
        "no": 1,...
    }
},{
    "product": {
        "no": 2,...
    }
}]

您可以在no中访问<Datagrid>的值，例如：

<TextField source="product.no" label="Product ID" />

,

首先，有错字“ Textfiled”->“ Textfield”

请粘贴您的JSON或对象类型数据结构

然后我或其他开发人员可以为您提供正确的帮助。