React-jsx语法

jsx语法是 react 的模板语法,是 react 的灵魂;通过该语法可以很方便的创建 react 对象

jsx 不是字符串也不是 html,就是 react 对象,其底层就是 React.createElement();所以使用 jsx 语法时还是要引入 react 核心包

jsx 只能有一个根节点;所以多个根节点时要再用一个元素将其包起来或者使用 <> 将其包裹,作用就相当于小程序中的

当 jsx 代码块比较复杂时,建议使用 () 将其包裹

示例:

// 引入包
import React from 'react'
import ReactDOM from 'react-dom'

// 定义结构
let el = (
  <div>
    <h1>熊大</h1>
    <h1

你可能感兴趣的:(React)