Javascript 在Api平台管理列表中显示深字段源

我正在使用最新的Api平台管理组件，我试图在

成分

列表中显示

类别

的名称，而不是Api IRI。正如您在下面看到的

Category.name

为空。

我已经定义了：

const ingredientsList=props=>(
);

当我查看我的浏览器网卡时，我看到一个来自API的响应，如下所示

{
“@context”：“\/api\/contexts\/component”，
“@id”：“\/api\/Components”，
“@type”：“hydra:Collection”，
“hydra:成员”：[
{
“@id”：“\/api\/Components\/1”，
“@type”：“配料”，
“名称”：“橙色”，
“类别”：{
“@id”：“\/api\/成分分类\/1”，
“@type”：“IngreditCategory”，
“名称”：“水果”
},
“说明”：“橙色”
}
],
“hydra:totalItems”：1
}

但是，当我在自定义的

MyTextField

中执行

console.log时，我会看到：

{
“@id”：“/api/components/1”，
“@type”：“配料”，
“名称”：“橙色”，
“类别”：“/api/成分/类别/1”，
“说明”：“橙色”，
“id”：“/api/Components/1”
}

这是怎么回事？为什么
console.log
中的对象不同，以及如何在列表中显示
类别
名称而不是IRI？
要在react admin中显示子资源，您需要使用