在html5中直接編譯jsx的方法：
1、背景說明：
React的核心機(jī)制之一就是虛擬DOM：可以在內(nèi)存中創(chuàng)建的虛擬DOM元素。React利用虛擬DOM來減少對(duì)實(shí)際DOM的操作從而提升性能。類似于真實(shí)的原生DOM，虛擬DOM也可以通過JavaScript來創(chuàng)建，例如：
var child1 = React.createElement('li', null, 'First Text Content');
var child2 = React.createElement('li', null, 'Second Text Content');
var root = React.createElement('ul', { className: 'my-list' }, child1, child2);

2、以上代碼可讀性并不好，于是React發(fā)明了JSX，利用熟悉的HTML語法來創(chuàng)建虛擬DOM：
var root =(
<ul className="my-list">
<li>First Text Content</li>
<li>Second Text Content</li>
</ul>
);

以上代碼將XML語法直接加入到JavaScript代碼中，讓你能夠高效的通過代碼而不是模板來定義界面。
之后JSX通過翻譯器轉(zhuǎn)換到純JavaScript再由瀏覽器執(zhí)行。也就是用html引擎直接解析執(zhí)行。

/newscodejs.asp?lm2=84&list=5&icon=/img/fk.gif&tj=0&font=9&hot=0&new=0&line=0&lmname=0&open=1&n=36&more=0&t=0&week=0&zzly=0&hit=0&pls=0
這個(gè)文件顯示的結(jié)果必須是js格式
如輸出<img src="1.jpg" />
需要寫成
document.write("<img src=\"1.jpg\" />")