如何从JSON格式的数据库进行动态复选框输入

Question

有人可以帮助我制作动态复选框吗？

所以，我有这样的JSON数据

 [ {
  "categoryName" : "Category 1",
  "items" : [ {
    "value" : "value1",
    "label" : "label1"
  }, {
    "value" : "value2",
    "label" : "label2"
  } ]
}, {
  "categoryName" : "Category 2",
  "items" : [ {
    "value" : "value3",
    "label" : "label3"
  } ]
} ]

因为我知道复选框输入是诸如值和标签之类的必填属性，所以我要做的就是用该JSON中的数据填充该属性，问题是如何使此复选框根据该JSON中的数据自动生成。

结果应该像THIS PICTURE

PS：对不起，我的英语不好

Answer 1

  const array = [ {
  "categoryName" : "Category 1",
  "items" : [ {
    "value" : "value1",
    "label" : "label1"
  }, {
    "value" : "value2",
    "label" : "label2"
  } ]
}, {
  "categoryName" : "Category 2",
  "items" : [ {
    "value" : "value3",
    "label" : "label3"
  } ]
} ]

let category = '';

array.forEach(el => {
   category += `<h3>${el.categoryName}</h3>
     el.items.forEach(v => {
       <input type = "checkbox" value= "${v.value}">
       <label for ="${v.value}">${v.label} </label>
    })

  `
 })