Element-UI的JSX改JS问题

Question

题目描述：

这里在尝试利用引入Vue来实现Element-UI的功能的时候发现的一个问题，Element-UI官网上的示例是通过JSX的语法来实现这个功能的，但是由于环境原因无法引入JSX导致了一个地方无法实现，请教下各位如何解决

题目来源及自己的思路

相关页面：http://element-cn.eleme.io/#/...
transfer组件第三个示例的第一个部分

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

//要修改的代码是这个函数，该函数使用JSX语法，请考虑使用JS实现（已引入Vue.js）renderFunc(h, option) {  return <span>{ option.key } - { option.label }</span>;
}

你期待的结果是什么？实际看到的错误信息又是什么？

使用JS实现上边贴出来的那个函数，当我使用这个函数时，上边的组件出现了checkbox，但是没有任何文本的渲染，F12查看DOM的时候，发现里边有两个注释符，即“<!----><!---->”，多次尝试更改无法解决

Answer 1

renderFunc(h, option) {               // return <span>{ option.key } - { option.label }</span>;               return h('span', `${option.key} - ${option.label}`);},

Answer 2

renderFunc(h,&nbsp;option)&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;h('span',&nbsp;`${option.key}&nbsp;-&nbsp;${option.label}&nbsp;`); }