Javascript中嵌入的内联文本DOM

通过查看来自的一些javascript源代码，我发现了以下内容，我以前从未见过：

   return <span className="perseus-widget-expression">
           <input ref="input" type="text"
               value={this.props.currentValue}
               onKeyDown={this.handleKeyDown}
               onKeyPress={this.handleKeyPress}
               onChange={this.handleChange} />
           <span className="output">
               <span className="tex"
                       style={{opacity: result.parsed ? 1.0 : 0.5}}>
                   <TeX>{this.state.lastParsedTex}</TeX>
               </span>
               <span className="placeholder">
                   <span ref="error" className="error"
                           style={{display: "none"}}>
                       <span className="buddy" />
                       <span className="message"><span>
                           {"Sorry, I don't understand that!"}
                       </span></span>
                   </span>
               </span>
           </span>
       </span>;

返回
{this.state.lastParsedTex}
{“对不起，我不明白！”
;

---

文件扩展名是“jsx”，我不确定它是否在服务之前在服务器上得到处理，或者浏览器是否真的将其解释为javascript。这是javascript的标准部分吗？如果是，它叫什么？

您可能会发现这些链接很有用：@Whymarrh真棒，谢谢！