JSX只是HTML類似的標記或周圍的代碼？

Question

我有一個術語問題。比方說，我有以下代碼：

var Name = React.createClass({ 
    render: function() { 
    var ranNum = Math.round(Math.random() * 200); 

     return (
     <p> 
      Hello, {ranNum}! 
     </p> 
    ); 
    } 
}); 

當人們談論JSX，它只是在return內的HTML樣的項目？還是它還包括像ranNum聲明/初始化一樣的周邊JavaScript？

從閱讀文檔（以及建議的規範擴展）中，JSX看起來就像是HTML類語法。其他的一切都只是簡單的JavaScript。

感謝，

Kirupa

Answer 1

從閱讀的文檔（和提議規範擴展），JSX好像它僅僅是HTML的語法。其他的一切都只是簡單的JavaScript。

是的。 JSX僅僅是JavaScript語法的一個擴展。從spec：

JSX是一種類似於XML的ECMAScript語法擴展，沒有任何定義的語義。它不打算由引擎或瀏覽器實現。將JSX併入ECMAScript規範本身不是一個建議。它旨在被各種預處理器（轉換器）用來將這些標記轉換爲標準的ECMAScript。