请教在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语法