JSX初探

最近在搞react的项目，学习过程中发现了JSX，决心研究一下到底是什么

什么是JSX

JSX代表JavaScriptXML的意思，属于JavaScript的扩展。

JSX特点

可以将任何JavaScript代码通过{ }嵌入到HTML中，也可以将XML便签（这里不是HTML，因此所有标签必须闭合）嵌入到JavaScript中。

tip

• 因为JSX相比HTML更加接近JavaScript，因此对一些HTML的属性名做了一些替换和更改。
• 是 XML 不是 HTML，所以所有的标签都要闭合，如 <img />或<div />
• 每段 JSX 里的 XML 只能有一个根元素，不然就报错。
• XML 里面可以用 {} 混入 任何 JS 代码。