在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

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

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

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

代碼如下

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

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

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

然而編譯器報錯，

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)

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

回答
編輯回答
荒城

render: (h, params) => {

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

只能幫你大致看一下了，因為對你具體的那些不清楚
下面是我前兩天寫過的一個，你可以看一下有沒有幫助
clipboard.png

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

Tag改成tag可以，剛剛也遇到這個問題

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

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

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

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

相關鏈接：

babel-transform-vue-jsx

2017年10月16日 23:12