修改 Json 使用成 React 漂亮的拖放

Question

我正在使用 this 库来实现拖放功能。但是，我的 json 是这种格式

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

但是，所有的教程点，我都需要这样的东西：

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

那么我该如何修改我的 json 并为拖放功能添加 id。即使有任何其他方法可以实现这一点，我也非常感激。

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 + "}"));