JSX 原理
JSX的设计是为了能够方便用JavaScript来描述HTML标签,React.js 把 JavaScript 的语法扩展了一下,让 JavaScript 语言能够支持,这种直接在 JavaScript 代码里面编写类似 HTML 标签结构的语法,这样写起来就方便很多了。
编译的过程会把类似 HTML 的 JSX 结构转换成 JavaScript 的对象结构。
比如说下面一份React代码:
import React, {
Component } from 'react'
import ReactDOM from 'react-dom'
import './index.css'
class Header extends Component {
render () {
return (
<div>
<h1 className='title'</