鍍金池/ 問答/HTML/ iview的table中使用jsx循環(huán)渲染tag組件失敗，編譯器報(bào)錯(cuò)，求寫法

iview的table中使用jsx循環(huán)渲染tag組件失敗，編譯器報(bào)錯(cuò)，求寫法

目前用iview的table組件，想在其中某一列插入多個(gè)tag組件，效果類似下圖
圖片描述

代碼如下

render :(h, params) => {
   return (
        <div>
            {param.row.tag.map(item => {
                return <Tag key={item} name={item} closeable="true">{item}</Tag>
            })}
        </div>
    )
}

tag就是一個(gè)數(shù)組，類似：

['aa','bb','cc']

然而編譯器報(bào)錯(cuò)，

ERROR in ./node_modules/_babel-loader@7.1.2@babel-loader/lib!./node_modules/_vue-loader@13.6.2@vue-loader/lib/selector.js?type=script&index=0!./src/router/videoUpload.vue
Module build failed: TypeError: /var/www/manageplatform/src/router/videoUpload.vue: Duplicate declaration "h" (This is an error on an internal node. Probably an internal error)

不知道是那里寫錯(cuò)了，求各位幫忙看一下。

回答
編輯回答
荒城

render: (h, params) => {

          return (
            <div>
              {params.row.tag.map((item) => {
                return <Tag key={item} name={item} closeable="true">{item}</Tag>
              })}
            </div>
          )
        }

只能幫你大致看一下了，因?yàn)閷?duì)你具體的那些不清楚
下面是我前兩天寫過的一個(gè)，你可以看一下有沒有幫助
clipboard.png

2018年3月21日 05:18
編輯回答
未命名

Tag改成tag可以，剛剛也遇到這個(gè)問題

2018年1月20日 05:08
編輯回答
心沉

樓主解決了嗎？我那天在公司把 stage-0 改成 stage-3 就可以了，回家之后又不行了

2018年5月3日 15:46
編輯回答
呆萌傻

此處可能涉及babel-transform-vue-jsx版本的問題，v3.4.0之后的版本會(huì)自動(dòng)在render函數(shù)（僅僅是ES2015語法聲明的函數(shù)）中插入const h = this.$createElement,也就是說render函數(shù)中不必在形參中傳入 h。

相關(guān)鏈接：

babel-transform-vue-jsx

2017年10月16日 23:12