React篇(018)-什么是 JSX?

答案：

JSX是ECMAScript一个类似XML的语法扩展。基本上，它只是为`React.createElement()` 函数提供语法糖，从而让在我们在 JavaScript 中，使用类 HTML 模板的语法，进行页面描述。 在下面的示例中，`<h1>` 内的文本标签会作为 JavaScript 函数返回给渲染函数。

代码语言：javascript复制

    class App extends React.Component {
      render() {
        return(
          <div>
            <h1>{'Welcome to React world!'}</h1>
          </div>
        )
      }
    }

以上示例 render 方法中的 JSX 将会被转换为以下内容：

代码语言：javascript复制

React.createElement("div", null, React.createElement("h1", null, 'Welcome to React world!'));

这里你可以访问 [Babeljs](https://babeljs.io/repl) 在线体验一下。

javascript react babel.js

0 人点赞