render函数渲染JSX
在项目开发中需要实现下面效果：
所以考虑在render函数里面写JSX语法，便捷的实现该需求，语法如下：
columns: [
{
title: '商品条码',
key: 'xxx',
minWidth: 100,
render: (h,params) => {
let DOM = <div>我是JSX</div>
return h('div', {}, [DOM])
}
},
]后来需要使用协议号是否有值来控制协议号行是否展示，使用三目表达式：
const DOM = (
<div>
{paCode === '' ? '' : <div>协议号： {paCode}</div>}
xxxxxx
</div>
)遍历数组：
let list = [1,2,3,4]
let item = []
list.forEach((e, index) => {
item.push(<li key={index}>{e}</li>)
})
let DOM = <ul>{item}</ul>
return h('div', {}, [DOM])原文地址：https://blog.csdn.net/mfxcyh/article/details/145164430
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！