jsx语法是 react 的模板语法,是 react 的灵魂;通过该语法可以很方便的创建 react 对象
jsx 不是字符串也不是 html,就是 react 对象,其底层就是 React.createElement();所以使用 jsx 语法时还是要引入 react 核心包
jsx 只能有一个根节点;所以多个根节点时要再用一个元素将其包起来或者使用 <> </>
将其包裹,作用就相当于小程序中的 <block></block>
当 jsx 代码块比较复杂时,建议使用 ()
将其包裹
示例:
// 引入包
import React from 'react'
import ReactDOM from 'react-dom'
// 定义结构
let el = (
<div>
<h1>熊大</h1>
<h1