antd vue 表格table列customRender标签标错：ReferenceError: h is not defined问题解决

背景：

使用antd vue 的表格，列columns配置是在外部文件定义js文件，import导入, 如下，

import { columns} from './activity.js'

export default {
  data () {
    return {
        columns: columns
    }
  }
}

{
        title: '奖励道具',
        dataIndex: 'award_list',
        customRender: (list) => {
          return (
            <ul>
              {
                list.map(item => {
                  return <li>{item.item_name} * {item.item_count}</li>
                })
              }
            </ul>
          )
        },
        width: '50%'
      }

列配置包含需要动态渲染标签，然后就报错了

 如果在data(){}内直接定义columns是不会报错的，但是我的配置又必须在外部文件配置，找了网上没找到方法但是想着直接引入js在data()内应该就行，于是用下面方法就ok

export default {
  data () {
    return {
        columns: require('../xml/activity').default
    }
  }
}

default是定义的js文件没有定参数，直接export default {}

如果定义了参数export const columns = {}，则取值应该是require('xxx').columns