jsx详解

简介: jsx详解

1、全称:javaScript XML

2、react定义的一种类似于XML的JS扩展语法:js + XML

更高效创建虚拟DOM


3 语法规则:


定义虚拟DOM时,不要写引号。

标签中混入JS表达式时要用{}

样式的类名指定不要用class,要用className。

style写法 style={{color:‘white’,fontSize:‘29px’}}(外边的大阔号表示里面放的js表达式,里边的大阔号表示一个对象)

只有一个根标签

标签必须闭合

标签首字符

若小写字母开头,则将该标签转为html中同名元素,若html中无该标签对应的同名元素,则报错

若大写字母开头,react就去渲染相应的的组件,若组件没有定义,则报错。


【补充】


XML早期用于存储和传输数据,后来被JSON取代

原因是:XML存储的信息会附带标签,JSON就不用,比较轻便,具有parse和stringify两个属性,转化数据类型很方便

关于虚拟DOM:

1、本质是Object类型的对象(一般对象)

2、虚拟DOM比较"轻",真实DOM比较“重”,因为虚拟DOM是React内部在用,无需真实DOM上那么多的属性。

3、虚拟DOM最终会被React转化为真实的DOM,呈现在页面上


区分【js表达式】和【js语句(代码)】


1,表达式:一个表达式会产生一个值,可以放在任何一个需要值的地方

a a+b demo(1) arr.map function aaa(){}

2 语句

if(){} swich(){} for(){}
相关文章
|
监控 物联网 视频直播
流量卡类型及其适用场景
不同流量卡的使用场景可以根据其特点、套餐内容、价格以及用户的具体需求来划分。以下是一些常见的流量卡类型及其适用场景:
|
自然语言处理 安全 算法
开源与闭源:创新与安全的平衡
开源与闭源:创新与安全的平衡
396 0
|
Kubernetes 关系型数据库 MySQL
docker部署Discuz论坛
docker部署Discuz论坛
docker部署Discuz论坛
|
3月前
|
Web App开发 存储 缓存
markdown编辑器
本Markdown编辑器基于StackEdit改进,新增界面设计、代码高亮、图片拖拽、KaTeX公式、甘特图、多屏编辑、写作模式切换、检查列表等功能,提升写作体验,支持离线使用与多种格式导出。
209 0
markdown编辑器
|
11月前
|
Java 调度 Android开发
安卓与iOS开发中的线程管理差异解析
在移动应用开发的广阔天地中,安卓和iOS两大平台各自拥有独特的魅力。如同东西方文化的差异,它们在处理多线程任务时也展现出不同的哲学。本文将带你穿梭于这两个平台之间,比较它们在线程管理上的核心理念、实现方式及性能考量,助你成为跨平台的编程高手。
|
监控 iOS开发 开发者
iOS性能优化:深入函数调用栈与符号化技术
在iOS开发中,函数调用栈是理解程序执行流程和优化性能的关键。当应用出现性能问题或崩溃时,能够准确地读取和解析调用栈信息对于快速定位问题至关重要。本文将探讨iOS中的函数调用栈,以及如何通过符号化技术进行有效的性能调优。
193 3
|
JavaScript 前端开发 UED
HTML 超链接的多种类型及应用
【10月更文挑战第17天】HTML 超链接类型丰富多样,它们共同构成了网页中不可或缺的导航和交互元素。通过合理地选择和运用这些超链接类型,我们可以为用户创造更加流畅和便捷的浏览体验,提升网站的可用性和吸引力。
595 1
|
存储 安全 网络协议
Windows内网常用协议分析
Windows内网常用协议分析
479 0
|
IDE 开发工具 iOS开发
基础入门篇一MQTT.fx + ESP8266连接然也服务端
本篇主要介绍: (1) MQTT.fx客户端的安装及开始 (2)使用ESP8266连接MQTT.fx客户端
4735 2
基础入门篇一MQTT.fx + ESP8266连接然也服务端
|
小程序 开发者
uni-app实现录音及播放功能
uni-app实现录音及播放功能
426 0