06jsx (jsXML)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="react.js"></script>
    <script src="react-dom.js"></script>
    <script src="browser.min.js"></script> <!-- 引入browser.min.js 對jsx進(jìn)行編譯 -->
</head>
<body>
    <div id="app"></div>
    <script type="text/babel"> // 類型一定要設(shè)置為text/babel
        // 在react當(dāng)中, 我們給元素設(shè)置的屬性都是DOM屬性
        // DOM屬性都是可以直接.出來的屬性
        var vDiv = <div id="d" className="a b c">
                    <span>哈哈</span>
                </div>;

        ReactDOM.render(vDiv, document.querySelector('#app'));
    </script>
</body>
</html>
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 《我們氣象崢嶸的愛過》 (1)、 你最近還好嗎?尚愛看少女漫畫嗎? 最近近乎沒露面 你有新對象嗎 真想帶你見見我剛...
    俞笙閱讀 586評論 0 3
  • 今天晚上結(jié)束了我們6天的多彩貴州行。 這次采取跟團(tuán)行+自由行的組合游法。跟團(tuán)5天:我們結(jié)識(shí)了熱情友好的寧波夫婦帶著...
    紅富士可愛閱讀 268評論 0 0
  • 重光殿 皇后一身繁復(fù)的碧色雙層繁繡宮紗,挽一個(gè)百花髻,正中一支九轉(zhuǎn)金枝雙鳳步搖,左側(cè)插了一支白玉簪子,額間點(diǎn)一個(gè)燒...
    君清兮閱讀 457評論 0 0