Модифицируйте Json для использования в React красивых Drag and drop

Question

Я использую эту библиотеку для реакции перетаскивания функциональности. Тем не менее, мой JSON в этом формате

[
  {
    "id": "5f7",
    "itemName": "ABC"
  },
  {
    "id": "780",
    "itemName": "CRD"
  },
]

Тем не менее, все учебные пункты, мне нужно что-то вроде этого:

[
  'item1': {
    "id": "5f7",
    "itemName": "ABC"
  },
  'item2': {
    "id": "780",
    "itemName": "CRD"
  }
]

Так, как я могу изменить свой JSON и добавить идентификатор для перетаскивания функций. Даже если есть какой-то другой способ добиться этого, я очень ценю это.

Answer 1

Вы можете сделать это с простым javascript, перебрать массив вашего элемента с map() и создайте новый массив, который инкапсулирует элемент, см. следующий пример:

var currentArray = [{
  "id": "5f7",
  "itemName": "ABC"
},
{
  "id": "780",
  "itemName": "CRD"
}];

var result = "", sep = "";

currentArray.forEach((el, i) => {
  result += sep + "\"item" + (i+1) + "\"";
  result += ": " + JSON.stringify(el);
  sep = ", ";
});

console.log(JSON.parse("{" + result + "}"));