Измените Json, чтобы использовать его в React, красивое перетаскивание

Я использую библиотеку это для реагирования на перетаскивание. Однако мой json находится в этом формате

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

Однако для всех пунктов урока мне понадобится что-то вроде этого:

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

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

json2 = json1.map((el, i) => ({ ['item'+i]: el }))

— 03.12.2018 16:15

json reactjs drag-and-drop react-beautiful-dnd

03.12.2018 16:08

Как сделать HTTP-запрос в Javascript?

В JavaScript вы можете сделать HTTP-запрос, используя объект XMLHttpRequest или более новый API fetch. Вот пример для обоих методов:

592

Перейти к ответу Данный вопрос помечен как решенный

Ответы 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.info(JSON.parse("{" + result + "}"));

есть ли способ сделать что-то вроде этого {'item1': {"id": "5f7", "itemName": "ABC"}, 'item2': {"id": "780", "itemName": "CRD"}}. Таким образом, удаляем массив и помещаем объект json в несколько объектов json.

— 03.12.2018 16:20

Вы можете использовать JSON.stringify, см. Мой обновленный фрагмент.

— 03.12.2018 16:24

Вам нужно как минимум обернуть все элементы в массиве.

— 03.12.2018 16:25

Ну, я понимаю ... если вам действительно нужна строка, подобная той, которую вы написали выше, взгляните на мой фрагмент (переменная result)

— 03.12.2018 16:52

03.12.2018 16:17