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, option) {    return h('span', `${option.key} - ${option.label} `);
}