react学习记录-JSX原理

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'</