通过JSON在Hyperscript中生成HTML表

问题描述

我正在使用无头CMS，该内容以JSON格式传递内容。

我创建了一个虚拟表，该虚拟表在前端像这样接收：

{
   "_key":"65742741a4f6","_type":"Table","rows":[
      {
         "_key":"d8f5f21d-5aae-4ae2-a1b2-cdef6f71a4c9","_type":"column","cells":[
            "head1","head2","head3"
         ]
      },{
         "_key":"6967667c-3d70-4d57-b2ba-c4b163d1868b","cells":[
            "row1-1","row1-2","row1-3"
         ]
      },{
         "_key":"b4192fca-3224-4e15-9319-8568d83fdbca","cells":[
            "row2-1","row2-2","row2-3"
         ]
      }
   ]
}

此软件包用于通过JSON通过hyperscript 生成html

https://github.com/sanity-io/block-content-to-hyperscript

我设法显示了标题（尽管存在问题），但是我不知道如何生成主体。我已经在代码中写了一条我认为需要发生的评论。（上面的JSON只是JSON的相关部分-props.node）

Table: (props) =>
    h(
        'table',h(
            'thead',h(
                'tr',props.node.rows[0].cells.map(function (cell,i) {
                    return h('th',cell)
                }),),/*
         * Filter nodes that are not 0 (header row)
         * cycle through and display them
         */
    ),

我使用的代码先前提到的问题是Nuxt会抛出一个错误，指出“无法在'HTMLCollection'上执行'item'：需要1个参数，但是只有0个参数。”。我认为这可能与Nuxt本身以及生成静态内容有关，刷新将被淘汰，但显然这对于生产来说是不可接受的。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

hyperscript javascript json nuxt.js