请教在element源码中的一种写法

Question

看elementui源码的时候发现这样一段代码：

const uploadComponent = <upload {...uploadData}>{trigger}</upload>;
return (
  <div>
    { this.listType === 'picture-card' ? uploadList : ''}
    {
      this.$slots.trigger
        ? [uploadComponent, this.$slots.default]
        : uploadComponent
    }
    {this.$slots.tip}
    { this.listType !== 'picture-card' ? uploadList : ''}
  </div>
);

这里为什么可以直接给js变量赋值为一个组件结构呢？
再下面结构还可以当做返回值？
想请教下这种写法相关的知识点？这是js语法还是vue语法？

Answer 1

这是jsx语法