vue项目中 render函数直接操作html元素报错

render(h, context) {
    const { icon, title } = context.props
    const vnodes = []

    if (icon) {
      vnodes.push(<i class={icon}/>)
    }

    if (title) {
      vnodes.push(<span slot=‘title‘>{(title)}</span>)
    }
    return vnodes
  }

render: function(createElement, context) {
    const vnodes = []
    const { icon, title } = context.props
    if (icon) {
      const elHtml = createElement(‘i‘, {
        attrs: {
          ‘class‘: icon
        }
      })
      console.log(elHtml)
      vnodes.push(elHtml)
    }

    if (title) {
      const elHtml = createElement(‘span‘, {
        attrs: {
          slot: title
        }
      }, title)
      console.log(elHtml)
      vnodes.push(elHtml)
    }
    return vnodes
  }

module.exports = {
  presets: ["@vue/app"]
};