vue render函数 return (<li></li>) 报错

Question

我在打算在npm包里拿出一些组件来研究下，
然后拷贝出来，引入，结果
有些包里的代码是这样的：

 render() {      return (        <div class={portalTargetClass} style={portalTargetStyle} data-instance-id={instance.getInstanceId()}>
          <Menu ref="menu" />
        </div>
      )
    },

打包的之后，return 这里报错

Syntax Error: Unexpected token

可是为什么放在npm包里不会报错呢？我又应该怎么改呢？

Answer 1

render方法返回createElement函数，要在createElement中生成模版render&nbsp;(createElement)&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;createElement(&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'div', &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;class:&nbsp;portalTargetClass,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;style:&nbsp;portalTargetStyle &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;) &nbsp;&nbsp;}