如何在 JSON 中存储 HTML 标记？

Question

我有一个存储在 json 变量中的数据来列出类别及其子类别（如果有）。如何在 json 变量中编写 HTML 代码/HTML 表格，就像在 HTML 表格的单元格中显示类别名称、描述等数据一样？

例如，我想要一个包含 3 列的表，我可以在其中的每一列中写入数据（json 变量的键“文本”）。即使只为一列编写表对于使用引导数据表来限制每页的条目也是有用的。

var jsonVar = [{
  text: "Name: {{ category.name }}",
  icon: "fa fa-home fa-fw",
  nodes: [{
    text: "subcategory: {{ category.subcategory.name }}",
    icon: "fa fa-tree fa-fw",
    nodes: [{
      icon: "fa fa-user fa-fw",
      text: "Created By: {{ subactegory.createdBy}}"
    }]
  }, ]
}];

在此先感谢您的 cmets。

例子：

Answer 1

如果您使用的是 JSX，那么代码将是：

 <table>
    <thead>
       <tr>
          {jsonVar.map((key) => (
             <th>{key}</th>
          ))}
       </tr>
    </thead>
    <tbody>
       {jsonVar.map((key) => (
           <tr>
               {jsonVar[key].map((elt) => (
                    <td>
                        {jsonVar.key.elt}
                    </td>
               ))}
           </tr>
       ))}
    </tbody>
  </table>