当前位置: 首页 > article >正文

JSX 的基础概述、优势与工作原理(babel解析为JS)

概念:

JSX 是 Js 与 XML(HTML) 的缩写,表示在Js 代码中编写HTML模板结构,它是react中编写UI模版的方式。

比如在 index.js 中的函数 App 中,写HTML代码,就是JSX的形式:

优势

兼顾

1、HTML的声明式嵌套标签模版的写法

2、 Js 的可编程能力,如在上述HTML代码中,可以识别变量,{ message } 可以直接渲染

JSX的工作原理:

 并不是标准的JS语法,它是JS的语法扩展,浏览器本身并不能识别,需要通过解析工具解析之后才能在浏览器中运行。

 

 


http://www.kler.cn/a/564239.html

相关文章:

  • Linux操作系统:基于ELK栈的日志分析系统与数据爬虫的设计与实现
  • ROS2中的图形化显示---visualization_msgs
  • UML各种图
  • P9420 [蓝桥杯 2023 国 B] 子 2023
  • unity学习59: 滑动条 和 滚动条 滚动区域
  • SpringBoot备份神通数据库
  • Is Noise Conditioning Necessary for Denoising Generative Models?论文阅读笔记
  • IoT 测试:智能互联时代的质量保障
  • 【Elasticsearch】(Java 版)
  • Spring如何解决循环依赖?
  • 家用可燃气体探测器——家庭燃气安全的坚实防线
  • 文件跨国传输如何防丢包?重传机制解析
  • 自然语言处理(NLP):文本向量化从文字到数字的原理
  • Spring MVC视图解析器的定制与应用
  • java项目之基于ssm的线上旅游体验系统(源码+文档)
  • 论文阅读笔记:Deep Face Recognition: A Survey
  • vscode+vue前端开发环境配置
  • 几个api
  • 包子凑数——蓝桥杯真题Python
  • 如何利用爬虫技术测试淘宝商品详情接口