如何在管理员休息时编辑嵌套数据？

Question

我不知道如何与管理员一起处理嵌套数据。

我的 GET 请求 returns 完整对象，无需额外调用 filters 和 thumbnails（见下文）。

示例对象：

{
  "id": "58bd633e4b77c718e63bf931",
  "title": "Project A",
  "description": "Blabla",
  "image": "https://placeholdit.imgix.net/~text?txtsize=33&txt=350%C3%97150&w=350&h=150",
  "disable": false,
  "filters": [
    {
      "id": "58c662aa4ea73e3d4373dad7",
      "filterValue": {
        "label": "Filter value",
        "color": "#0094d8",
        "id": "58c7999162700623b4aac559"
      },
      "isMain": true
    }
  ],
  "thumbnails": [
    {
      "id": "58bfeac780021c56cc71bfac",
      "image": "http://lorempixel.com/1024/768/",
      "description": "Bla",
      "device": "desktop"
    },
    {
      "id": "58bfeacf80021c56cc71bfad",
      "image": "http://lorempixel.com/800/600/",
      "description": "Bla",
      "device": "laptop"
    }
  ]
}

我的第一个想法是创建自定义输入组件，但我不知道这是否是最佳解决方案？有什么想法或例子吗？

Answer 1

Admin-on-rest 依赖 redux-form，后者支持嵌套属性。只需将输入的 source 设置为嵌套属性的路径，带点分隔符：

<TextInput source="foo.bar" />

对于您的 filters 和 thumbnails，您必须使用 redux-form 的 <Fields> component, and create a custom input component。

如何在管理员休息时编辑嵌套数据？

How to edit nested data with admin on rest?

admin-on-rest