React-jsx语法

本文介绍了React中的JSX语法,它是React的灵魂,用于方便地创建React对象。JSX并非HTML,而是转换为React.createElement()。JSX必须有一个根节点,处理多根节点时需额外包裹。同时,注意在jsx中不能直接使用`class`属性,需用`className`替代,而注释、表达式和方法调用需用花括号包裹。
摘要由CSDN通过智能技术生成

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
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值