React(2).JSX理解

JSX

JSX 是 React 的核心组成部分，它使用 XML 标记的方式去直接声明界面，界面组件之间可以互相嵌套。

React 使用 JSX 来替代常规的 JavaScript。

• JSX 是一个看起来很像 XML 的 JavaScript 语法扩展。

  我们不需要一定使用 JSX，但它有以下优点：

  • JSX 执行更快，因为它在编译为 JavaScript 代码后进行了优化。
  • 它是类型安全的，在编译过程中就能发现错误。
  • 使用 JSX 编写模板更加简单快速。

JSX 看起来类似 HTML ，我们可以看下实例：

ReactDOM.render(
    <h1>Hello, world!</h1>,
    document.getElementById('example')
);

参考链接