在Api Platforms管理员列表中显示深场源

Question

bounty到期在2天内。这个问题的答案有资格获得+ 50声望赏金。nass想要引起更多关注来回答这个问题。

我正在使用最新的Api Platform Admin组件，并且试图在Ingredients列表上显示名称Category，而不是API IRI。如下所示，Category.name为空。

我已定义列表：

const ingredientsList = props => (
    <ListGuesser {...props}>
        <FieldGuesser source="name" />
        <FieldGuesser source="category" />
        <TextField source="category.name" />
        <FieldGuesser source="description" />
    </ListGuesser>
);

[当我查看浏览器网卡时，我看到来自API的响应如下。

{
   "@context":"\/api\/contexts\/Ingredient",
   "@id":"\/api\/ingredients",
   "@type":"hydra:Collection",
   "hydra:member":[
      {
         "@id":"\/api\/ingredients\/1",
         "@type":"Ingredient",
         "name":"Orange",
         "category":{
            "@id":"\/api\/ingredient_categories\/1",
            "@type":"IngredientCategory",
            "name":"fruits"
         },
         "description":"Orange."
      }
   ],
   "hydra:totalItems":1
}

但是当我在基于控制台中React-admin文档的“ console.log”部分的自定义MyTextField中执行Writing your own component时，会看到：

{
   "@id":"/api/ingredients/1",
   "@type":"Ingredient",
   "name":"Orange",
   "category":"/api/ingredient_categories/1",
   "description":"Orange.",
   "id":"/api/ingredients/1"
}

这里发生了什么？为什么console.log中的对象不同，以及如何在列表中显示Category名称而不是IRI？

Answer 1

为了在react-admin中显示子资源，您需要使用<ReferenceField> https://marmelab.com/react-admin/Fields.html