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

修改Json以用于React漂亮的拖放操作

1 个答案: