Как редактировать вложенные данные с администратором на отдыхе?

Я не знаю, как обрабатывать вложенные данные, когда администратор находится в состоянии покоя.

Мой запрос GET возвращает полный объект без дополнительных вызовов 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"
    }
  ]
}

Моей первой идеей было создать собственные компоненты ввода, но я не знаю, лучшее ли это решение? Любые идеи или примеры?


admin-on-rest
person DjLeChuck    schedule 14.03.2017    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Admin-on-rest использует redux-form, которая поддерживает вложенные атрибуты. Просто установите source вашего ввода как путь к вложенному свойству с разделителем точек:

<TextInput source="foo.bar" />

Для ваших filters и thumbnails вам придется использовать от redux-form. <Fields> компонент и создайте пользовательский компонент ввода с ним.

person François Zaninotto    schedule 15.03.2017
comment
Спасибо, я так и думал. Поэтому мой компонент должен перебирать массив, чтобы отображать все данные в полях. Я попробую завтра. - person DjLeChuck; 15.03.2017
comment
@DjLeChuck Где ты смог это сделать? Я искал компонент ввода, который также принимает массив объектов. - person Antonio Val; 10.07.2017