JSX只是类似HTML的标记还是周围的代码?

时间:2016-01-28 21:29:11

标签: reactjs react-jsx

我有一个术语问题。我们说我有以下代码:

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

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

当人们谈论JSX时,它只是return中的类似HTML的项目吗?或者它还包括周围的JavaScript,如ranNum声明/初始化?

从阅读文档(和提议的规范扩展),JSX似乎只是类似HTML的语法。它周围的其他所有东西都只是简单的JavaScript。

谢谢,

Kirupa

1 个答案:

答案 0 :(得分:0)

  

从阅读文档(和提议的规范扩展),JSX似乎只是类似HTML的语法。它周围的其他所有东西都只是简单的JavaScript。

是。 JSX只是JavaScript语法的扩展。来自spec

  

JSX是ECMAScript的类似XML的语法扩展,没有任何已定义的语义。它不打算由引擎或浏览器实现。它不是将JSX纳入ECMAScript规范本身的提案。它旨在被各种预处理器(转换器)用于将这些令牌转换为标准的ECMAScript。